Viewing 3 reply threads
You must be logged in to reply to this topic.
can i disable the mobile version of the menu and keep the full menu layout for phone and tablet users?
any css code for this?
Hello,
You can do that. But only if you remove the responsive mode from the site. So it won’t change to mobile menu style when the screen is small. If you keep the responsiveness of the site and want to just change the menu from mobile to normal in responsive mode, then there is a lot of styling you need to add for the menu to show properly like in the desktop version.
This is a customization not included in support so i suggest you do it yourself or hire a developer to help you.
Best regards!
what code would i use to disable the mobile hamburger nav menu and allow for full menu on mobile?
Hello,
Can you please be more specific? As written in my last reply, there are two choices:
-remove responsiveness of site, and therefore normal menu will display in mobile as well;
-Keep site responsive but hide mobile hamburger menu and show up normal menu;
If you are referring to the second method, i can give you the basic code. But as stated before, there is additional styling to do and that is not included in support.
Please add this code to show normal menu in mobile and hide the default hamburger menu:
@media (max-width: 991px){
.cl-mobile-menu-button {
display: none;
}
.cl-mobile-menu {
display: block;
}
.cl-mobile-menu nav > ul > li {
padding-top: 4px;
width: 15% !important;
float: left;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
}}
The result for ipad: https://postimg.org/image/28y3tqf6ej/
Best regards!
You must be logged in to reply to this topic.