Some header fixes and Product pages changes

Hello team on my website https://musclehousesupplements.com/

1) I want to make the search option bigger like on https://primeffe.com/ .
and want to make the font white (account and cart option).

2) when ever I scroll the menu bar color changes. I want to make it white and when anyone clicks on it (hover) it should be red.

3)How can I change the font color and family on my product pages https://musclehousesupplements.com/product/labrada-100-iso-hydrolyzed/

Thank you

hello any update

Hello,

Please enter the row settings and change the row flex layout. Find our documentation tutorial about this here:the https://xtemos.com/docs/woodmart/header-builder/header-rows-flex-layouts/

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

body .whb-sticked .wd-nav[class*="wd-style-"]>li>a {
    color:white;
}
body .whb-sticked .wd-nav[class*="wd-style-"]>li>a:hover {
    color:red;
}
body .whb-sticked .wd-nav[class*="wd-style-"]>li.current-menu-item >a {
    color:red;
}

If you have any questions please feel free to contact us.

Best Regards

Thanks team can you also share the code to make the search bar option bigger…Like its starts form logo to My accounts (kind of amazon search bar). image attached

3)How can I change the font color and family on my product pages https://musclehousesupplements.com/product/labrada-100-iso-hydrolyzed/
Image attached

Not solved

Attachments:

You must be logged in to view attached files.

Hello,

You need to switch the row flex layout. Find our documentation tutorial about this here:the https://xtemos.com/docs/woodmart/header-builder/header-rows-flex-layouts/

Best Regards

[Author]

Posts