[Support request] Hide menu points when smaller window

[Ivan]

Hello i see on a website a cool feature, bevor the theme starts to be Responsiv, http://www.selbstaendig-im-netz.de/ (This is not generatepress but maybe it is possible to make this also)

When you take the browser window and make it smaller always the last menu points disapears bevor the theme starts to get responsiv menu, is there any way to get this in generatepress?

Thank you

[Leo]

Hi there,

Not easy but doable.

You can assign custom classes to menu item:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

So if you give the 3 menu items on the far right a class like: hide-first, then you can hide them at your preferable width: https://docs.generatepress.com/article/responsive-display/

Like this:

@media (max-width:1200px) {
    .main-navigation .main-nav ul li.hide-first a {
        display: none;
    }
}

You will need a several of these and fine tune it yourself to make it work of course.

[Author]

Posts