Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 29, 2018 at 2:33 pm #1003166
    jonrouse

    Hello,
    I am trying to get the burger menu to show up at a larger page width. I am able to do this, but the burger menu displays centrally.
    I don’t want this, I want it to show as it does at 782px wide. Can you please help? Here’s the code I’m using.

     @media only screen and (max-width: 1430px) {
#top #header .av-main-nav > li.menu-item  {
    display: none!important;
}
#top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
}}
    August 30, 2018 at 2:52 pm #1003635
    Dude

    Hey jonrouse,

    Please try this code to float the burger menu icon/button to the right:

    
@media only screen and (max-width: 1184px){
.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div, .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child {
    width: 20px;
    height: 50px;
    float: right;
}
}

    Best regards,
    Dude

    August 30, 2018 at 4:21 pm #1003703
    jonrouse

    Thanks @Dude

    is there a way to get the version that adds white space, places the logo on the left and puts the burger on the right to kick in earlier?
    Currently happens at around 784px wide, and I’d like this to happen at 1184 wide instead.

    September 1, 2018 at 11:55 am #1004312
    Vinay

    Hi,

    Please check the below link to trigger the burger menu for higher resolution.

    Menu

    Also if you like to place the menu in a different way please check the header layouts. You can use the code from the examples without creating the widget.

    Header

    Best regards,
    Vinay

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