Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #338000

    Hey Alexa!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1140px) {
    .av-main-nav > li > a { padding: 0 6px; }}

    Seems like you solved the second issue already using custom CSS code?



    Hi Yigit.

    The menu is still overlapping the logo when the window is 989 pixels to 1028 pixels wide.

    And the second issue hasn’t been solved. The mobile menu still overlaps the logo:

    Once the window shrinks down to mobile size, the logo and mobile menu begin overlapping. I’d be okay shrinking the logo down a bit, but when I try, the logo placement ends up out of place (e.g. it’s not nicely left aligned and vertically centered). I’d also be open to swapping in a different version of the logo that is more narrow if you could tell me how to do that.



    You can also adjust the font size:

    @media only screen and (max-width: 1028px) {
    #top #header .av-main-nav > li > a {
    font-size: 13px;


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