[Emerginny]

Hi, Tikaram,

I’m working on another website using the Catch Box free theme. I made some changes to the primary menu bar using the Max Mega Menu. There is still is an area on both sides of the menu bar that I don’t know how to change the color. Could you please let me know how to change the menu bar background color? The website I’m working on is: http://kathiesutherland.com

Thank you!

[Pratik]

Hi @emerginny,

Try followin code in Appearance-> Customize=> Additional CSS box:

#branding #access {
    background: #807a30;
    background: -moz-linear-gradient(#807a30, #7c7210);
    background: -o-linear-gradient(#807a30, #7c7210);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#807a30), to(#7c7210));
    background: linear-gradient(to bottom, #807a30, #7c7210);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#807a30', endColorstr='#7c7210');
}

Let me know how it goes.

Regards,
Pratik

[Emerginny]

Hi Pratik 🙂

Yes that worked! Thank you so much! At first it didn’t but I cleared my cache on my Mac and it worked. So that’s great!

How can I do the same thing for devices? The default green is still showing on my iPhone and on my iPad. On my iphone, the whole menu bar is the default green. On my iPad, only the two ends of the menu bar are still the default green. The rest is 7c7210.

Thank you so much for your help with this!

[Emerginny]

Hi, I didn’t get a reply to my above message about the menu colors having changed on devices. Could someone help me with this, please? Thank you in advance 🙂

[Pratik]

Hi @emerginny,

You will need to remove cache from each devices. This is not theme or server related, it’s the device that is keeping cache. It will eventually change once a cache expires so I don’t think you need to worry about it.

Regards,
Pratik

[Emerginny]

Hi Pratik,

I’m not sure I understand properly. I thought I had clear the cache on my device. Is this to say that if someone who has never been to this website, goes to it with their device (smart phone or tablet), he/she would see the right green, 7c7210, instead of the default green?

[Pratik]

Someone who has never visited the site will see the site with nocache.

[Pratik]

Someone who has never visited the site will see the site with nocache.

[Emerginny]

Pratik, thank you! It is looking good on my iPad now. I’ll do as you said, I’ll just wait for the cache to clear.

Have a great day!

[Author]

Posts