Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #870884

    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.

    #871787

    Hey Wolf,

    You mean the menu switching correct?

    Best regards,
    Jordan Shannon

    #873136

    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

    #873157

    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

    #878019

    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.

    #878066

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.