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


    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?




    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.

    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,


    Perfect, thanks for the help



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

    Best regards,

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