Sticky Header Icons colour

Hi,

May I know how can I change the sticky header icons colour?

Hello,

Please provide some relevant screenshot of what you require with the URL of the website to check it myself and help you out accordingly.

Best Regards

Hi,

I’ve attached the screenshot of the website and the link.
If you look at the header its now in orange,

I would ideally want it to be a transparent header with white texts and when the user scrolls it become a sticky header with black texts and white background.

will this be possible to do?

Thank you

Hello,

You can enable the header to overlap the content from WoodMart >> Header Builder >> Edit header.

Screenshot for Clarification: https://ibb.co/bmwnDfG

Please enable it and tell me then I will provide CSS to achieve what you require.

Best Regards

Hi,

I have enabled it as in the screenshot provided

Thank you

Hello,

Please provide the login details of the website to let me assist you further.

Best Regards

Hi,

I’ve added it here, please check

Thank you

Hello,

I have made the header transparent as you required. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS. To change the links color on sticky header.

.whb-color-light:not(.whb-with-bg) {
background-color: white;
}

.whb-sticked .wd-nav[class*=”wd-style-“]>li>a {
color: black;
}

Best Regards

Hi,

Thank you

Hello,

We are Glad that you loved our Theme and Support Staff. We wish you all the best.

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts