Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 26, 2023 at 10:43 pm #1423840
    ops79

    Greetings! I recently upgraded our Enfold Theme from a 4.5 version to the current 5.6 release. After the update, the Logo and Menu items in the Header seem to be cramming together.

    I browsed the forums and tried a few of the Custom CSS suggestions by adding left margin/padding in .av-main-nav section, but I can’t seem to resolve the issue. When I add the padding, the left side looks as intended, but the right side then overlaps into the main body section of the page. Can someone take a look at our site secure64.com and suggest what I might do to fix this cramming issue?

    Thanks very much!

    October 26, 2023 at 10:46 pm #1423841
    ops79

    Doh! Forgot to click the notify me via email for replies button. Adding a dummy reply so I can click it.

    October 27, 2023 at 3:18 am #1423868
    Nikko

    Hi ops79,

    Can you try adding this CSS Code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:1140px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block;
  }
}

    This will hide the main menu and replace it with a mobile menu on a screen size that will overlap the logo and main menu.
    Hope it helps.

    Best regards,
    Nikko

    October 27, 2023 at 4:24 pm #1423916
    ops79

    Thank you for the assistance, Nikko! The CSS you recommended has resolved the issue. Many thanks!

    October 27, 2023 at 5:00 pm #1423919
    Mike

    Hi,
    Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Header Logo and Menu Cramming’ is closed to new replies.