Change the screen size for collapse menu
-
Hi, I have a problem with my main menu, i have 6 items in the menu and when the screen is narrower than 1410px the menu jumps to 2 lines, but i don’t want this, i want a collapse menu as 1024px.
Thank you very much.
Jorge
Attachments:
You must be
logged in to view attached files.
Hello,
It is possible with CSS. Please provide your site admin access.
Best Regards
Ok, i provide my site admin…
Hi,
Try to add the following code snippet to the Custom CSS area in Theme Settings.
@media (max-width: 1410px) {
.main-header .main-nav .menu .menu-item > a {
padding-left: 6px;
padding-right: 6px;
font-size: 12px;
}
}
@media (max-width: 1065px) {
body .main-header .main-nav,
.right-column .search-button{
display: none;
}
body .mobile-nav {
display: block;
}
body .right-column .mobile-nav-icon {
display: inline-block;
}
body .main-header .site-logo {
text-align: left;
}
}
Regards
Thank you very much, perfect!
Regards
You are welcome! If you have any questions please feel free to contact us.
Best Regards
.
