Changig sticky mobile header colour

This topic has 8 replies, 2 voices, and was last updated 1 month, 3 weeks ago by Aizaz Imtiaz Awan.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
June 24, 2025 at 10:26 pm #669457

jos.beslic
Participant

Hu,
where can I change sticky header colour on mobile? And logo that is on it..Also, you were making some changes regarding translation and I have some words on dashboard in cyrilic symbols now?

June 25, 2025 at 9:47 am #669505
Aizaz Imtiaz Awan
Keymaster
Hello,

To change the sticky header background color on mobile, please add the following custom CSS:

Navigate to > Theme Settings → Custom CSS → Custom for Mobile and paste:
```
.whb-sticked .whb-color-light:not(.whb-with-bg) {
	background-color: #aa923a !important;
}
```
You can change #aa923a to any color code you prefer.

For the logo background, it is in the logo image. To change the logo that appears in the sticky header, follow these steps:

Navigate to WoodMart → Header Builder, switch to the Sticky Header tab, and update the logo there.

Here’s a visual reference to help: https://ibb.co/7N5j1hR

Best Regards,
June 25, 2025 at 9:51 am #669507

jos.beslic
Participant

Hi, thank, but I alreadz have 2 kinds of stickz headers…on main page it is black and on others it is white…why is that? I prefer the white one

June 25, 2025 at 9:57 am #669510

Aizaz Imtiaz Awan
Keymaster

Hello,

For the translation, can you please share the screenshot of the words that are showing in cyrilic symbols in the dashboard?

Best Regards.

June 25, 2025 at 10:01 am #669511

jos.beslic
Participant

I am sending screenshots of cyrilic in dashboard and also screrenshots of 2 different sticky headers, I wouild like for the white one to be on all pages and devices

Attachments:
You must be logged in to view attached files.

June 25, 2025 at 11:33 am #669539

jos.beslic
Participant

?

June 25, 2025 at 12:17 pm #669558
Aizaz Imtiaz Awan
Keymaster
Hello,

You are using a custom header on your site and have enabled the overlap header specifically on the homepage. That’s why the header background appears in a different color on that page.

To unify the background color across all pages, please add the following custom CSS code under Theme Settings > Custom CSS:
```
.whb-sticked .whb-color-light:not(.whb-with-bg) {
	background-color: #ffffff !important;
}
.whb-sticked .wd-nav[class*="wd-style-underline"] .nav-link-text {
    color: #000000 !important;
}
.whb-sticked .wd-tools-element .wd-tools-icon {
    color: black;
}
```
Best Regards,
June 25, 2025 at 12:23 pm #669560

jos.beslic
Participant

wow, great, do you know why cyrilic words are in settings?

June 25, 2025 at 1:47 pm #669584

Aizaz Imtiaz Awan
Keymaster

Hello,

You can easily change these words from Loco >> Themes >> Edit the site translation >> Find the words >> change them and save it: https://ibb.co/nMYjZ4sP

Best Regards.
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

Changig sticky mobile header colour

Attachments: