Archived topic
Hide menu points when smaller window
1 reply · Started by Ivan on October 31, 2017
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
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.
