Hello,
I have 2 websites with enfold.
One of them changes to the mobile layout on a tablet.
The other one doesn’t.
The settings are the same in the layout section.
Hey Wolf,
You mean the menu switching correct?
Best regards,
Jordan Shannon
Yes I mean the menu switching from normal to the hamburger menu.
My guess would be
1. switches at 982px
2 switches at 770px
It would be better is both change at 982
Hi,
Add the following to quick css:
#1
@media only screen and (max-width: 767px) {
.av-logo-container .main_menu, #top .av-small-burger-icon { display: block!important; left: auto!important; right: 0!important; }
#header_main_alternate .main_menu {
display: none!important;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 122px;
}}
#2
@media only screen and (max-width: 1024px) {
.av-logo-container .main_menu, #top .av-small-burger-icon { display: block!important; left: auto!important; right: 0!important; }
#header_main .main_menu .menu-item {
display: none!important;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 122px;
}}
Best regards,
Jordan Shannon
That didn’t do anything. I attached some screenshots for you. That is the difference between two almost identical enfold websites at the same browser size.
Hi,
Did you make sure to hard clear your cache. Also be sure you are adding the suggested css above all other custom css.
Best regards,
Jordan Shannon