Hey Leo,

I am sorry but I am not entirely sure which section are you referring to here. Can you kindly please include a screen shot in this ticket so that we are able to assist you?

Hello the menu bar I'm referring to can be seen on image attached.

You can apply this following css into your template custom css section.

body .mobile-footer {

    background-color: #2b2b2e;

}

Hello

I applied the code in my root file Code Editor: thebullyplanet.com / httpdocs / templates / office / css / template.css & JoomlaFolder: css/custom.css" in template "office".

And still no changes, can you tell what I've done incorrectly?

It seems like you have enabled Cloudflare from your server which cached old CSS on your server.

You can manually access this link on the browser https://thebullyplanet.com/templates/office/css/custom.css , you will realised it will show empty code even you added above custom code into this file.

Can you try clear your Cloudflare cache and see how it goes?

Hello

Toolbar is a different color now but my users are unable to see icons on left & right side because they are same color, can icons be different color like white.

I've help you updated this following CSS and purged Cloudflare cache, it should render correct colour now.

body .mobile-footer {

    background-color: #99a8b1 !important;

}

Thanks issue fixed.

You're most welcome.

Just for your information, I have locked and marked this thread as resolved to avoid confusions in the future. Please start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiries.

Thanks for understanding