Home Forums WoodMart support forum Changig sticky mobile header colour

Changig sticky mobile header colour

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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?

    #669505

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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,

    #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

    #669510

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

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

    Best Regards.

    #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.
    #669539

    jos.beslic
    Participant

    ?

    #669558

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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,

    #669560

    jos.beslic
    Participant

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

    #669584

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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.

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