Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 20, 2020 at 1:56 pm #1247119
    Jak73

    Hi,

    my menu is overlapping on smaller screens?
    How can i automatically switch to smaller screens to burger menu?

    Please be so kind and have a look.

    Kind regards Jak

    September 20, 2020 at 6:10 pm #1247163
    Victoria

    Hey Jak73,

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

    September 20, 2020 at 9:33 pm #1247189
    Jak73

    Hi Victoria,
    thanks a lot!
    kind regards
    Jak

    September 21, 2020 at 3:40 am #1247223
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu is overlapping in smaller screens?’ is closed to new replies.