Home New Guten › Forums › WoodMart support forum › Changig sticky mobile header colour
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.
-
AuthorPosts
-
June 24, 2025 at 10:26 pm #669457
jos.beslicParticipantHu,
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 AwanKeymasterHello,
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.beslicParticipantHi, 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 AwanKeymasterHello,
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.beslicParticipantI 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.beslicParticipant?
June 25, 2025 at 12:17 pm #669558
Aizaz Imtiaz AwanKeymasterHello,
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.beslicParticipantwow, great, do you know why cyrilic words are in settings?
June 25, 2025 at 1:47 pm #669584
Aizaz Imtiaz AwanKeymasterHello,
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.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register