HEader problem

Hello this is our header like the images.

But we wanna make it, when we scroll white not black, how we gonan do that ? and icons and text need the be black but header will be white. Thank you

and this is the our header image and link bycevahir.com.tr

Attachments:

You must be logged in to view attached files.

Hello,

Go to WoodMart > Header Builder > Edit current Header > Configure header row and change the background to white.

Then Go to Theme Settings -> Typography -> Advanced typography -> create a new rule with the “Main navigation links” item and change the menu color to black.

Then Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.wd-tools-element .wd-tools-icon {
color: black;
}

Best Regards.

We are using overlay header…..
After you brief. site is looking bad..
firstly header need the be overlay trasnaperent when we scroll. need the be white bg..
Please help us we cant doi it.

And this is the now looking website….

Attachments:

You must be logged in to view attached files.

Hello,

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS:

.whb-sticky-real.whb-sticked .whb-row {
	background-color: white;
}

.wd-tools-element .wd-tools-icon {
color: black;
}

Then Go to Theme Settings -> Typography -> Advanced typography -> create a new rule with the “Main navigation links” item and change the menu color to black.

Best Regards.

We cant do it.

we sahre the panel pass this ticket. please help us. we cannot wait 1-2 days to a header. Thank you

Hello,

Now check back your site. I have added the custom css code in theme settings > custom css.

Best Regards.

Aizaz still we have problem.

1- When first opening i mean overlay, everything need the be white
2- when we scroll bg color is ok need the be white but fonts need the be black her is ok only overlay first openiing arra elements need the be white

Hello,

Sorry to say but right now there is no option in Theme Settings available for that. It requires Customization and this is beyond our limitations and support policy scope. Hope you can understand our limitations.

Best Regards.

What we need the do ? we have almost buy 15 license.

Hello,

Sorry for the early confusion!

Your issue has been resolved. I have added the following custom css code in theme settings > custom css > Global custom css:

body .whb-sticked .whb-general-header {
    background-color: white !important;
}

body .whb-sticked .wd-nav[class*="wd-style-"]>li>a {
    color: black !important;
}

body .whb-sticked .wd-tools-element .wd-tools-icon {
    color: black !important;
}

Check back your site after completely clearing the browser cache.

Best Regards.

[Author]

Posts