Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 6, 2014 at 7:44 am #346990
    rodneyssw

    Hi guys,

    I’ve always had this problem, and I see other ppl using the Enfold theme with the exact same issue.

    When the width of a standard web browser is reduced, the items in the text menu squash up and rather than recognising that they are covering the logo and retract into the small menu they cover the logo and it looks terrible.

    I’m surprised the theme can’t recognize this itself, and I haven’t found any successful answers. If you can offer a solution and explain how it works that would be great.

    Again, I’m looking for a way to limit the width that the menu will occupy before it triggers the contraction down the to pop-up style menu option.

    Thanks
    rod

    November 6, 2014 at 7:32 pm #347290
    Yigit

    Hey Rod!

    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 7px; }}

    Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.

    Cheers!
    Yigit

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