Help with Changing Menu Breakpoint
-
Hi,
I’m trying to change the breakpoint at which the menu switches to the mobile version. I couldn’t find an option for this in the Theme Options, and I haven’t had success locating the relevant CSS either.
Could you please let me know how to adjust this, or provide the CSS needed to make the mobile menu appear at an earlier breakpoint (e.g., @media (min-width: 1177px))?
The website is Kemubox.com, but it is still in maintenance mode
Thank you in advance for your help!
Best regards,
Isabel
Hello,
Add the code below to the “Global Custom CSS” area in Theme Settings -> Custom CSS.
@media (max-width: 1177px) {
body .whb-visible-lg,
body .whb-hidden-mobile {
display: none;
}
body .whb-hidden-lg,
body .whb-hidden-desktop {
display: flex;
}
body .whb-top-bar-inner {
height: var(--wd-top-bar-sm-h);
max-height: var(--wd-top-bar-sm-h);
}
body .whb-general-header-inner {
height: var(--wd-header-general-sm-h);
max-height: var(--wd-header-general-sm-h);
}
body .whb-header-bottom-inner {
height: var(--wd-header-bottom-sm-h);
max-height: var(--wd-header-bottom-sm-h);
}
body .wd-toolbar {
display: flex;
}
}
Kind Regards
Hi!
Thank you so much for you help. It works perfect now.
Kind Regards
Isabel
Hello,
You are welcome! If you do not mind, can you please leave a 5 stars rating for our theme by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in the future. It would encourage our work a lot.
Have a good day!
Kind Regards
The topic ‘Help with Changing Menu Breakpoint’ is closed to new replies.
.
