Home Forums WoodMart support forum Header background color change issue.

Header background color change issue.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #722740

    liverangan
    Participant

    If I change the background color of my “Desktop Main header”, the mobile version is also changed. But I want to use different background color in desktop and mobile version.

    #722755

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    In the WoodMart Header Builder, changing the background color of the Main Header row affects both the desktop and mobile versions, as the same header row settings are applied to all devices by default.

    If you would like to use different background colors for desktop and mobile, please share your page URL. I will check your site and provide you with custom CSS to apply a different background color for the mobile header.

    Best Regards

    #722756

    liverangan
    Participant
    #722760

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    To use a different background color on mobile while keeping the current desktop header color, please add the following CSS in Theme Settings > Custom CSS > Custom CSS for Mobile.

    .whb-general-header {
            background-color: #f85c2c !important;
        }

    Replace #f85c2c with the color you would like to use for the mobile header.

    Best Regards

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