Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 31, 2019 at 1:27 am #1060663
    shaquii

    Hi,
    I was looking in internet for help – but unfortunately can’t find solution.
    I have added translation to the site it’s showing in secondary header menu – above the menu/header.
    When i scroll the page down – header is moving behind the secondary header menu. I don’t see that problem in Chrome – In safari and IE the problem still exist. I have tried all – with css – postion: absolute, postion: realtive , right: 5px etc. – but then menu in mobile dosen’t look good.

    In attach few screen shots of the problem – one when page is fully up and then when you scroll down – but i only see this in safari browser.

    safari header second menu
    and with loosing its position
    safari header second menu2

    January 31, 2019 at 1:40 am #1060667
    shaquii

    Ok ! Now it’s working!
    I saw what i have done wrong.

    @media screen and (min-width: 999px) {
    #header_meta {
    background-color: transparent;
    margin-bottom: -20px;
    }
    }

    In margin-bottom – i added -50px to make a smaller gap between secondary header menu and header menu.
    When i have changed it to -20px now it’s displaying correct in safari and IE.

    January 31, 2019 at 6:28 am #1060785
    Vinay

    Hi,

    Glad this issue is resolved!

    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Header overlapping with secondary header in Safari’ is closed to new replies.