Sticky header background color on Safari is black

Hello,

I just checked the website on Safari browser. The sticky header that is white on every other browser (IE, Firefox, Google, Opera) but it is showing as black on Safari browser.

Please can you help fix this?

Regards

Comments

  • Please see below link to screenshot:


    You will also notice that the sticky header displays as black with a transparency. This is also not how it shows on every other browser.

    Unfortunately a large number of my users will be either checking this website on their iphones or Mac systems.

    Your prompt assistance to fix this would be appreciated.


  • hey,
    can you try clearing cache on safari? Maybe it is just saved in cache. It should not display a different color.
    thanks
  • Thanks for the feedback.

    I have already done this. For good measure ,I reset the Safari browser but the header is still dark. It should actually be white with a bit of transparency.
  • Please send us a link to this page so we can check it ouy.
    thanks
  • Hi,

    Please see link below:


    Do check on safari.

    Ps: I noticed this ( @media ;only screen and (min-width: 768px)
    (index):87
    .sticky-dark #Top_bar.is-sticky {
    }
    But I am unable to locate where this CSS code is, so I can make the requisite change.


    Thanks again.
  • Sorry about that, here is the CSS :

    @media only screen and (min-width: 768px)
    .sticky-dark #Top_bar.is-sticky {
        background: rgba(0,0,0,.8);
    }

    I have tried correcting this from custom css with no success. Your assistance will be appreciated.
  • I just checked other pages that I initially had not opened before - appears the changes I made to custom CSS has now taken effect.

    The previous pages I had opened on Safari still suffers from the same issue despite resetting Safari, deleting cache etc. I guess the pages would be updated on Safari subsequently.

    Thanks.
  • Hi,
    I tested it and it looks like it working fine now.
    The problem could be related to cache.

    Is there anything else I can help you with?
    Thanks
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.