A few Header issues

Hello,

I am having a few issues with the header on my site running Woodmart theme.

1. I have an overlap header on the home page that is transparent until scroll and then it turns white. The text color scheme is set to light on the header, but when scrolling I need it to change to dark. I don’t see a setting anywhere to change this. Can I accomplish this with CSS?

2. The same thing is happening on the mobile menu.

Thank you!
David

Sorry, forgot to add site URL. Added that to moderator section.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .whb-sticked .whb-general-header, .whb-sticky-shadow.whb-sticked .whb-row:last-child {
    background: orange !important;
}

Best Regards.

Hi Aizaz,

This changes the background color of the background. If you look at my original issue, I need to change the color of the information box and social icons that are in the header when it is sticky. I need this both for desktop and mobile.

I need them to change from light colored to the dark color. Please see the screenshot attached for clarification.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .whb-sticked .whb-general-header {
    background: #ccc1ad !important;
}

Change the color as per your requirements.

Best Regards.

Thank you, I was able to get this to work. My last question:

On the homepage header, I have an infobox with a phone icon that is white. When scrolling, I need to have that icon changed to a black icon. Is there a way I can accomplish this? Thank you.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

[Author]

Posts