Menu in mobile version

grassoart · Member · Oct 4, 2016 at 7:46 pm
Copy link

Add topic to favorites
Hi, I would like to make some little changes to the mobile version of my menu: a) change the color of the part that scrolls and align in the center the names of the pages b) change the way it scrolls by making it slower and not just everything at once. Thanks in advance.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Oct 6, 2016 at 12:06 am
Copy link
Hi add the following custom CSS and see what you think. The second rule is to correct the alignment of the Galleria label, which was spaced off-center by the width of the menu toggle for the submenu.

On the background color, due to the way the HTML is structured, the entire dark area at the top will change colors. The third rule in the below custom CSS will demonstrate that. You can edit the color code as desired.
```
@media screen and (max-width: 895px) {
	.main-navigation a {
		text-align: center;
	}
	#menu-item-91 a {
		position: relative;
		left: 30px;
	}
	.site-header {
		background-color: #cc0000;
	}
}
```
grassoart · Member · Oct 6, 2016 at 3:32 pm
Copy link
Thanks! Is it possible to change the way it scrolls and make it like the one in the booklet theme?
thesacredpath · Member · Oct 7, 2016 at 7:23 pm
Copy link
Are you talking about how it slides out from the left? If so, no that isn’t possible.
thesacredpath · Member · Oct 7, 2016 at 7:25 pm
Copy link
If you are talking about how there is a toggle that you tap and then the submenu appears, then, again, that is not possible. That would require javascript and we cannot use that here at WordPress.com.
grassoart · Member · Oct 7, 2016 at 7:42 pm
Copy link
Yes I was talking about that, thank you for the infos
thesacredpath · Member · Oct 8, 2016 at 12:30 am
Copy link
You are welcome.

No items found.