Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #932283

    hello

    I have a slightly wide logo and a long menu, so when you make the browser narrow the menu disappears behind the logo.
    Are you able to tell me the css to make the mobile menu appear at 1115px and below please?

    Also, how do you remove the link to enfold in the very bottom footer bar?

    Home

    Thanks

    #932284

    i have tried this code i found in your forum, but it doesnt hide the main menu at 1200px break…

    @media only screen and (max-width: 1200px ) {
    .av-burger-menu-main {
    display: block!important;
    }
    #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none!important;
    }}

    @media only screen and (min-width: 1200px ) {
    .av-burger-overlay {
    display: none!important;
    }}

    • This reply was modified 6 years, 2 months ago by hairyhobo.
    #932340

    Hi hairyhobo,

    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: 1180px) {
      .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

    #932555

    Perfect, thanks for the help

    #932808

    Hi,

    Glad that we are able to help. Thanks for using Enfold and have a great day :)

    Best regards,
    Nikko

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Browser break for menu’ is closed to new replies.