Return to previous page

Transparent header issue with scrolling header going white

This topic has 6 replies, 3 voices, and was last updated 2 years ago ago by Tony Rodriguez

Niddy

Participant

December 9, 2022 at 11:47

Hi

On my homepage using a custom header which is transparent, I have changed it all to suit and because it is a dark background, the font is white.

However when I scroll down the page, then scroll up again the floating / static header appears and this is white and so the menu items are invisible due to the white background.

Can you please advise how to fix this – as in what part affects only the floating menu please?

See private for details and video.

Thanks

Please, contact administrator
for this information.

#341030 Copied Theme version: 1

5 Answers
Rose Tyler

Support staff

December 9, 2022 at 15:30
Hello,

Try to use the next custom CSS code:
```
.home .header-main-menu.et_element-top-level .menu > .current-menu-item > a {
    color: #04116b;
}
```
Regards
#341070 Copied
Niddy

Participant

December 10, 2022 at 11:59

Hiya

That doesn’t work as it affects the main menu when it isn’t scrolling. Like this -> https://i.imgur.com/jz1HUZr.png

When you scroll back up, it is now visible so that worked however it is affecting the main menu when it is at top of page and not scrolling.

Any idea’s?

Site info in private in case you want to look yourself.

Thanks

Please contact administrator
for this information.

#341134 Copied

Tony Rodriguez

Support staff

December 11, 2022 at 09:23

Hello, @Niddy,

Sorry for the inconvenience, I have changed the Custom CSS code now and it resolved your issue, please check back your site now after removing the browser cache.

Check under private content area:

Regards 8Themes Team.

Please contact administrator
for this information.

#341185 Copied

Niddy

Participant

December 11, 2022 at 09:49

Awesome thanks.

Please remove the images showing the site. These must go in private area.

#341189 Copied

Tony Rodriguez

Support staff

December 11, 2022 at 10:05

Hello, @Niddy,

Done, and Sound Good!! that my proposed solution worked for you.

Thanks for contacting us.
Have a nice weekend. 🙂

Topic Closed.
Regards 8Themes Team.

#341191 Copied
Tagged: best selling, scrolling header, themes, transparent header, white issue, woocommerce
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Transparent header issue with scrolling header going white’' has been successfully resolved, and the topic is now closed for further responses

Transparent header issue with scrolling header going white

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection