Header background color change issue.

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.

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

https://rangan.net/

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

[Author]

Posts