Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1321243
    werbar77
    Participant

    Hey X-Men,

    I hope you can help me with this issue I have.

    I’ve been using Safari to do all of my designing on my website. I’ve inserted a logo with a green background with code #224b1c. I wanted the navbar, logobar and topbar to be the same color so i inserted CSS code to change it to the same color.

    The problem is, that on Safari the header colors look fine. But when I open the same website on my iphone or in Chrome (on same MAC) the logobar, navbar and top bar colors differ from the logo’s color.

    Why is this? Can I fix it?

    Attached is a pic to see what I mean.

    Thanks,
    Werner

    #1321254
    werbar77
    Participant

    The previous pic was from chrome.

    The below attached pic is from Safari, of exact same site.

    Can you notice the color difference of previous pic?

    How to fix? Please help…

    #1321270
    Rupok
    Member

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1321313
    werbar77
    Participant
    This reply has been marked as private.
    #1321709
    Rue Nel
    Moderator

    Hello There,

    Thanks for providing the information. I have checked your site and I could see that you are using a JPG image for the logo. I would recommend that you edit your logo and use PNG with a transparent background. With PNG, you can always make sure that the logo and the navbar will have the same background color.

    Hope this helps.

    #1321799
    werbar77
    Participant

    Thanks Rue, I will give it a try.

    #1321891
    Rue Nel
    Moderator

    You are most welcome!
    Please let us know how it goes.

    #1321894
    Paul R
    Moderator

    You’re welcome! Please let us know how it goes.

    Thanks

  • <script> jQuery(function($){ $("#no-reply-1321243 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>