Sticky header (activated page changes textcolor)

Hi Xtemos!

I try with the help of the code to change the color on the sticky header background and text, but somehow the activated page text disappears when hovering over the dropdown menu. Will you help me with this?

Also on the product page, we can’t find the “short description tab”? (it’s activated in the woodmart settings)

Best regards

/*sticky background*/
body .whb-sticked .whb-general-header {
background-color: green;
}
/*sticky main menu color*/
body .whb-sticked .woodmart-navigation .item-level-0.current-menu-item>a{
color:yellow;
}
body .whb-sticked .woodmart-navigation .item-level-0>a{
color:yellow;
}
body .whb-sticked .woodmart-navigation .item-level-0>a{
color:orange;
}
body .whb-sticked .woodmart-navigation .item-level-0>a:hover{
color:yellow;
}
body .whb-sticked .woodmart-navigation .item-level-0.menu-item-has-children>a:after{
color:orange;
}
body .whb-sticked .woodmart-navigation .item-level-0.menu-item-has-children:hover >a:after{
color:yellow;
}
body .whb-sticked .woodmart-navigation .item-level-0>a .nav-link-text:after {
background-color: yellow;
}

/*My Account*/
body .whb-sticked .woodmart-header-links .item-level-0>a {
color: orange;
}
body .whb-sticked .woodmart-header-links .item-level-0>a:hover {
color: yellow;
}
/*Search*/
body .whb-sticked .search-button >a {
color: orange;
}

body .whb-sticked .search-button:hover>a {
color: yellow;
}
/*wishlist*/
body .whb-sticked .woodmart-wishlist-info-widget .wishlist-icon {
color:orange;
}
body .whb-sticked .woodmart-wishlist-info-widget .wishlist-count{
color: red;
background-color: yellow;
}
/*cart*/
body .whb-sticked .woodmart-shopping-cart .woodmart-cart-icon {
color:orange;
}
body .whb-sticked .woodmart-cart-design-5 .woodmart-cart-number{
color: red;
background-color: yellow;
}
body .whb-sticked .woodmart-shopping-cart .woodmart-cart-subtotal .amount {
color: red;
}
/*compare*/
body .whb-sticked .woodmart-compare-info-widget .compare-icon {
color:orange;
}
body .whb-sticked .woodmart-compare-info-widget .compare-count{
color:yellow;
background-color:orange
}
body .whb-sticked .woodmart-cart-design-2 .woodmart-cart-number{
color:yellow;
background-color:orange
}

Attachments:

You must be logged in to view attached files.

Hello,

1)Please provide the URL of the website to check it myself and help you out accordingly.

2) Short description is not displayed in the tabs; it is displayed under the product name and price.

If you are trying to ask anything else then please provide some relevant screenshots of the specific area with the URL of the page to check it myself and help you out accordingly.

Regards.
Xtemos Studios

Hi Aizaz!

Thanks!

I also have a questions about the code itself, I understand the pink color but where will the blue color get applied?

/*Sticky main menu color on active page*/
body .whb-sticked .woodmart-navigation .item-level-0.current-menu-item>a{
color:pink;
}
body .whb-sticked .woodmart-navigation .item-level-0>a{
color:blue;
}

The carticon is blue with the code, but what do the rest colors do?

/*Cart icon on sticky*/
body .whb-sticked .woodmart-shopping-cart .woodmart-cart-icon {
color:blue;
}
body .whb-sticked .woodmart-cart-design-5 .woodmart-cart-number{
color: red;
background-color: yellow;
}
body .whb-sticked .woodmart-shopping-cart .woodmart-cart-subtotal .amount {
color: green;
}

*Regarding question 2), I could not see anything under the product name & price?

Thanks again 🙂

Attachments:

You must be logged in to view attached files.

Hello,

1) Please find the line in the Custom CSS you added.

body .whb-sticked .woodmart-navigation .item-level-0>a{
color:blueviolet;
}

And replace by the following:

body .whb-sticked .woodmart-navigation .item-level-0>a {
    color: blueviolet !important;
}

2) Please Go to Theme Settings >> Product Page >> Show/hide Elements and enable it.

Screenshot for Clarification: https://prnt.sc/10g0vso

Best Regards

Hi again Aizaz!

It was enabled but did not still show, there is some red border at the left, is that some error message?
thanks

Hello,

Please deactivate all the third-party plugins activate the parent theme then clear cache and check back.

If the problem continues then leave all the third-party plugins deactivated and tell me with the permissions to debug then we will troubleshoot with the theme plugins.

Regards.
Xtemos Studios.

[Author]

Posts