Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 30, 2021 at 4:16 pm #1291396
    hooman80

    Hi Enfold theme;

    I have a problem with my header.
    I customized the header so it can disappear in scroll down and be visible the moment user scroll up. the problem is, in safari when you scroll up and reach to the top of the page the header disappears. it is correct in chrome but in safari it doesn’t work currectly. how can I fix this bug in safari?

    I will appreciate if you answer this question ASAP since we should launch the website quickly.

    thanks!

    April 2, 2021 at 9:54 am #1291983
    Ismael

    Hey hooman80,

    Thank you for the inquiry.

    Did you add a custom script for this effect? You might be able to accomplish the same thing by setting the initial opacity of the header to 0, and only set it back to 1 when the class name header-bg-transparent-color is present.

    #header {
opacity: 0;
}

#header.header-bg-transparent-color {
opacity: 1;
}

    The class name is automatically removed on scroll, hiding the header.

    Best regards,
    Ismael

    April 9, 2021 at 4:50 pm #1293547
    hooman80

    Hi Ismael, the solution helped me to fixed my problem thanks for your help :)

    April 10, 2021 at 6:28 pm #1293676
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘urgent help! header doesn't work correctly in safari’ is closed to new replies.