Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 14, 2017 at 12:22 am #876397
    igorcbg

    Hello,
    I’ve got a problem with my logo and menu section. While resizing of the browser, the menu goes too late in to a mobile menu (burger) and my logo doesn’t get smaller. So they overlapping each other. I tried all the Quick CSS codes, but nothing helped.

    Maybe you can help me to solve this problem.

    November 14, 2017 at 5:46 pm #876695
    Victoria

    Hey igorcbg,

    The menu is too long, so this code will make it turn to burger mobile below 1100px.
    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 (max-width: 1100px) {
  nav.main_menu {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

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

    November 15, 2017 at 9:28 am #876973
    igorcbg

    Thank you, it works.

    November 16, 2017 at 1:38 pm #877512
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.