Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 24, 2018 at 9:58 am #932283
    hairyhobo

    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

    March 24, 2018 at 10:05 am #932284
    hairyhobo

    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, 4 months ago by hairyhobo.
    March 24, 2018 at 1:36 pm #932340
    Victoria

    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

    March 25, 2018 at 9:41 am #932555
    hairyhobo

    Perfect, thanks for the help

    March 26, 2018 at 6:47 am #932808
    Nikko

    Hi,

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

    Best regards,
    Nikko

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