Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 25, 2019 at 5:46 pm #1141885
    alexx8675

    Hi there,

    We are having an issue with our site when it gets resized/set to half screen. Everything is responsive, but the header/company logo in the top left overlaps our top menu on the right side. We have a good amount of text in the menu, but wanted to see if there was a way to make it so it doesn’t overlap.

    Thanks

    September 25, 2019 at 8:16 pm #1141984
    Victoria

    Hey alexx8675,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    September 25, 2019 at 8:17 pm #1141985
    Victoria

    Hey alexx8675,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    September 25, 2019 at 8:38 pm #1142002
    alexx8675

    View post on imgur.com

    there’s a link to what it looked like. header crammed into the top left with text overlaying it

    September 26, 2019 at 3:53 pm #1142320
    Victoria

    Hi alexx8675,

    Thank you.

    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: 1024px) {
  nav.main_menu, #menu-item-search {
    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

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