Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #547180

    Hi, I have my header in the left sidebar, therefore i cannot set the ‘header mobile menu activation’ to ‘activate for smartphones and tablets’ in the header section. by default the menu changes to mobile at 767px and i want it to change at 989px. whats the easiest way to achieve this?

    #547356

    Hey abuelitovaldez,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 989px) {
    nav.main_menu {display:none !important;}
    #advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
    }

    Best regards,
    Rikard

    #547884

    thanks for the code-snippet, rikard, it actually solved only a part of the problem, though. the header is still displayed on the side between 989 and 767px and i would like the complete layout switch that happens at the 767px breakpoint to happpen at 989px. i do think the settings for the responsive header should not be greyed out if the header is set as sidebar..

    #548511

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

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