Home / Forums / WoodMart support forum / Changig sticky mobile header colour
Home › 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 year 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 #669505Hello,
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 #669510Hello,
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 #669558Hello,
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 #669584Hello,
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