Different menu look for mobile as opposed to desktop

[William]

Hi there,

I styled the menu drop down etc. for the primary menu a certain way on desktop here.

Is there a way to style the mobile menu different? Is it as simple as using CSS with @media ?

Kind regards,

Will

[Leo]

Hi Will,

Yup – I would wrap your desktop CSS with this media query:
@media (min-width: 769px) { }

Then you can have a separate set of CSS for mobile if you’d like:
@media (max-width: 768px) { }

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[William]

Gotcha, thanks Leo!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts