Change Mobile bottom Navigation Bar Background Color

How can I change the background color of the bottom mobile navigation menu in the WoodMart theme? Additionally, how can I change the color of the icons and text to white, given that they are integrated into the theme?

Hi Xtolia,

Thanks for reaching to us.

First of all, take my apologies for the delay in answering.

1. Background-color

Please add the following Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

div.wd-toolbar {
	background-color: #000;
}

2. Text / icons colors

Go to Theme Settings > Typography > Advanced. In this area, you can assign elements like screenshot https://prnt.sc/37Fl6w-aRVTS

.wd-toolbar .wd-tools-element>a

Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

Regards,

Thank you for your reply, I updated the css codes like you metioned and cleared my site cache as well but still the mobile nav bar color didnt change.

Hi Xtolia,

You did not change the color https://prnt.sc/uvL-hln-F5DJ Please double check.

Regards,

The icons changed but the background-color didnt change to black color… I added this Custom CSS for mobile like you said but didnt change

/* Mobile Nav Bar Menu */
div.wd-toolbar {
background-color: #000000;
}

Hi Xtolia,

First of all, take my apologies for the delay in answering because of the weekend.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

Thank you please view private content for login info

Hi Xtolia,

Thanks for details.

I helped you to change the background color, please double check.

Regards,

Thank you for changing it.. but can you tell me where did you add the css code to make it work? so I can learn and know for myself what you did that worked please thank you!

Hi Xtolia,

You can see the code in Theme Settings > Custom CSS > Custom CSS for mobile.

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts