Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 16, 2017 at 7:53 am #839748
    dereknicholson

    On resizing the browser window I’m seeing the main menu disappear at about the 1100 pix breakpoint, and the whole header becomes taller.

    On Chrome, the menu does not re-appear as the window width shrinks – On Firefox the mobile burger menu eventually displays

    August 16, 2017 at 1:53 pm #839864
    Victoria

    Hey Derek,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 1098px) {
  .html_mobile_menu_tablet .main_menu, 
  .html_mobile_menu_tablet #header_main_alternate {
    display: block;
  }

  .menu-item {
    display: none;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 16, 2017 at 3:04 pm #839913
    dereknicholson

    I’m afraid it doesn’t seem to change the behaviour whether i add it to quick css or the css file

    August 18, 2017 at 1:46 pm #840862
    Victoria

    Hi Derek,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 1110px) {
  .html_mobile_menu_tablet .main_menu, 
  .html_mobile_menu_tablet #header_main_alternate {
    display: block !important;
  }

  .menu-item {
    display: none;
  }

  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

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