Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Which theme is this regarding?
No theme in particular, I am curious to know if this can be done with any given theme using CSS.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
WordPress doesn’t limit the use of CSS and JavaScript, it can handle any menu.
Ok, so I could simply just write up the CSS for this menu. Do you know of any examples that would show me how this is done?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you already have the functionality of a mobile menu then it’s probably just a case of Googling how to do what you see in that screenshot;
– How to use CSS gradients
– How to use CSS rounded corners
– How to use CSS to change font colour
Ok, I’ll give it a shot and if I get stuck, I’ll be back. Thanks!
If its for the site you linked to. It basically hides the main menu and shows the mobile menu when at mobile screen size. If it is that site. Adding css:
//hide menu button
#mobile-nav-button {
display: none;
}
//show mobile nav items
.mobile-nav-container {
display: block;
}
Might give you a starting point/idea. Then just style the list how you want.
Or you could re-write the markup to suit.
