Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 7, 2017 at 12:42 pm #756939
    dutchweed

    The menu items are overlapping each other in Safari only.
    The problem first reported only on ipad landscape, so I used css to show the mobile menu on ipad landscape:

    @media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
#wrap_all {
position: relative !important;
}

    Now I found out that the problem is safari, for sure 10.0.3 but with crossbrowser testing it shows fine with safari 9.
    People wit mac will see the website as in the screenshot:

    Menu in Safari 10.0.3

    March 8, 2017 at 8:00 am #757547
    Rikard

    Hey dutchweed,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    March 8, 2017 at 9:00 am #757605
    dutchweed

    Here it is:
    Eindhoven box cup

    March 9, 2017 at 3:23 am #758134
    dutchweed

    Is there any kind of idea why it shows like that already?
    Also another problem appeared after updating, there is a thin white line in my layerslider on the first page…
    While you look at the website, could you figure out how I can get rid of that?
    Thank you :)

    March 9, 2017 at 7:49 am #758199
    Rikard

    Hi,

    Thanks for the link. I’m not sure why that is happening though, it looks like you have made some customisations to the theme? You might want to remove each custom block of code to see which one is causing the issue.

    Best regards,
    Rikard

    March 9, 2017 at 1:55 pm #758352
    dutchweed

    I am using the child theme, no customisations, only a few plugins that I already disabled and tested before.
    A little extra css only, I will give you a login, maybe you can check what’s wrong?

    March 11, 2017 at 4:24 am #759235
    dutchweed

    Hello, could somebody please help me with this?
    I feel a little bit forgotten here… :(

    I also forgot to mention that I have in the css this:
    (maybe it has something to do with it?)

    @font-face {
    font-family: 'franchiseregular';
    src: url('franchise-bold-webfont.eot');
    src: url('franchise-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('franchise-bold-webfont.woff2') format('woff2'),
         url('franchise-bold-webfont.woff') format('woff'),
         url('franchise-bold-webfont.ttf') format('truetype'),
         url('franchise-bold-webfont.svg#franchiseregular') format('svg');
    font-weight: normal;
    font-style: normal;}
	#avia-menu > li > a, #avia-menu > li > a > span.avia-menu-text { font-family: 'franchiseregular' !important; }
    • This reply was modified 7 years, 10 months ago by dutchweed. Reason: forgot something
    March 14, 2017 at 12:27 pm #760661
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #avia-menu > li > a, #avia-menu > li > a > span.avia-menu-text { min-width: 90px; }

    Best regards,
    Yigit

    March 14, 2017 at 1:14 pm #760687
    dutchweed

    Yes that’s it!
    Thank you, I have no idea why this happened but finally fixed.
    The thin white line in the layer slider is only on my computer (appeared after the update), not sure if other people see it so you can close this thread.

    Thanks again!

    March 15, 2017 at 7:02 am #761167
    Rikard

    Hi,

    Glad we could help and sorry for the problems. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Menu padding mess in Safari’ is closed to new replies.