Home Forums WoodMart support forum How change sticky menu text color, but keep text color on no sticky

How change sticky menu text color, but keep text color on no sticky

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #418426

    ikiyamay
    Participant

    my menu is sticky menu, rightnow background color is transparent background with white text color, when sticky the background color is white, but the text color is same white, how can I change the sticky background is white, but the text color is black?

    #418449

    Luke Nielsen
    Keymaster

    Hello,

    Glad to have you as a user of our theme!

    Please navigate to WoodMart -> Header builder -> edit an appropriate part of the header and in the “Color” settings try to adjust the color scheme.

    https://monosnap.com/file/2JB2Kn2ByUbzeUj3fRbaaK4V7BfYzf

    Let me know if you have any questions or concerns.

    Kind Regards

    #418564

    ikiyamay
    Participant

    Thanks, I already try this before, the function is no problem, but it will let the sticky menu+white menu text+dark background, I need to change to
    1. transparent menu (is work fine)
    2. but When sticky, dark menu text + white background
    maybe little css ?

    Thanks

    #418660

    Luke Nielsen
    Keymaster

    Hello,

    First of all, please give me access to the dashboard area so I can have a look at the settings on your website, and then I will tell you what we can do best in this situation.

    I await your response.

    Kind Regards

    #418667

    ikiyamay
    Participant

    Please see the private content
    Thanks

    #418737

    Luke Nielsen
    Keymaster

    Hello,

    1. You can set the “Sticky header clone” option which changes the color scheme in the settings of the header.

    https://monosnap.com/file/xjHqZq1797AYF4DS9vFTbEyuQ9PJwl

    2. Or you can try to use the below code, enter it into the “Custom CSS for desktop” area in Theme Settings -> Custom CSS.

    .whb-sticked .wd-nav[class*="wd-style-"]>li>a,
    .whb-sticked .searchform input[type="text"],
    .whb-sticked .searchform .searchsubmit {
        color: #333;
    }
    
    .whb-sticked .searchform {
        --wd-form-brd-color: rgba(0,0,0,0.39) !important;
        --wd-form-brd-color-focus: rgb(0,0,0) !important;
    }

    Kind Regards

    #418842

    ikiyamay
    Participant

    Thank you so much, is work perfec !

    #419143

    Luke Nielsen
    Keymaster

    You are welcome!

    If there’s anything you need, please write me or another member of our help desk team.

    We’re here for you!

    Kind Regards

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘How change sticky menu text color, but keep text color on no sticky’ is closed to new replies.