Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 12, 2017 at 3:20 am #863110
    steve3434

    Hi Enfold team,

    I have a site that has nine menu items. I want to keep the menu from traveling under the logo. Do you have a fix for when I shrink the menu it switches to hamburger menu earlier. I have this old code workaround, but it’s not working anymore. The code below hides the menu when the browser window reaches 1150px wide.

    /* MAIN MENU RESPONSIVE AT 1150PX */
    @media only screen and (max-width: 1150px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }}
    #wrap_all {
    position: relative !important;
    }

    Thanks for your help,

    Steve

    October 12, 2017 at 12:44 pm #863379
    Victoria

    Hey Steve,

    Please remove the old code, it does not apply anymore.
    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 (min-width: 768px) and (max-width: 1024px){
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special, #menu-item-search {
    display: block;
  }
}

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

    October 12, 2017 at 6:07 pm #863555
    steve3434

    Thanks Victoria that worked.

    Steve

    October 12, 2017 at 6:09 pm #863556
    Yigit

    Hi!

    Glad Victoria could help! Let us know if you have any other questions or issues :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Main menu and logo overlap not activating hamburger menu’ is closed to new replies.