Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #384869

    Hi!

    I have a logo that is no longer then 340px. When i resize the window i would like the site to got “mobile” menu before the menu overlaps the logo ?

    Website:
    http://martentrotzig.se

    Thanx!

    #384895

    Hey Paul!

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

    @media only screen and (max-width: 1130px) {
    .av-main-nav > li > a { padding: 0 7px; }
    div#header_main .container { padding-right: 10px; }}

    Best regards,
    Yigit

    #384896

    Thanx! I did that but it still seems to overlap before it goes to mobile menu ?

    http://martentrotzig.se

    #384899

    Hejsan!

    I do not have a tablet to check your website unfortunately but when i resize browser window, i cannot reproduce overlapping issue. Can you please adjust padding-right value and check if that helps?

    Best regards,
    Yigit

    #385070

    Had to clear my browser cache i think, seems to work now!
    Thanx!

    #385072

    Maybe talked to soon.. ?

    I can’t get it to work properly on this site.

    http://elies.se

    If i take the browser window and resize it the menu still overlaps the logo before goin to the mobile menu. I changed the padding right value to the double with no effect. On ipad the menu is overlapping as it fails to go to mobile.

    #385748

    Hi!

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

    Cheers!
    Yigit

    #385833

    Thanx!!

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Menu overlapping logo’ is closed to new replies.