How to turn off the background shadow of the top menu

1. When I set the background of the top menu on the homepage to be transparent, how can I turn off the background shadow of the top menu? The screenshot is as follows
https://prnt.sc/2F5DswMsQLPR

2. How to set the header menu so that when the mouse moves to any position or text at the top, the header menu background changes to white with black text.
https://prnt.sc/wy4sGsu3XcVJ
https://prnt.sc/oDxqS67PTtmB

3.When I scroll down the page, the sticky menu has no logo, and I want to set it to black text on a white background. How can I set it?
https://prnt.sc/xdXWpr0Tqh8Z

Hello,

01. Navigate to WoodMart > Header Builder > Edit Current Header > Edit the Header row > Configure the header row settings and disable the option “Shadow”.

02. You can adjust the menu font color and hover color by navigating to Theme Settings > Typography > Advanced Typography and creating a new rule for the “Main Navigation Links” item: https://ibb.co/h7NwMp5

To add the background, Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9 and Configure Main menu settings and in the style tab choose the menu style “background”: https://prnt.sc/9V6efcVrF9Yg

03. Please Go to Woodmart >> Header builder >> Edit header >> Edit logo and try adding the sticky header logo in black color: https://ibb.co/CKQkw1rz

Best Regards,

Thank you for your reply. I have fixed points 1 and 3.

However, regarding the second point, I think you may have misunderstood me. I will provide a video so you can see the effect more clearly. When the mouse moves to the header position, the entire top background turns white.

https://streamable.com/v7mc55

Hello,

Can you please share the URL of your site so I can check and give you a possible solution.

Best Regards,

I have placed the website and administrator account password in Private content. Please Check.

Hello,

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

.whb-main-header:hover {
    background-color: #000000 !important;
}

Best Regards,

Thanks

The current display is black background, if I want to change it to white background. How can I set the menu and logo to black font?

Hello,

You can change the menu font color by following these steps:

1. Navigate to: Theme Settings > Typography > Advanced Typography
2. Create a new rule for the “Main Navigation Links” item.
3. Adjust the color settings as needed.https://ibb.co/h7NwMp5

For detailed instructions, please refer to the documentation:
https://xtemos.com/docs/woodmart/advanced-typography-settings/

For the logo color change, you will need to upload a different image of your logo with a black color on a white background.

Best Regards,

Hi,
Thanks for your reply.
Maybe you misunderstood what I meant. I mean that after adding this,
.whb-main-header:hover {
background-color: #000000 !important;
}
The top of my homepage has a black background when it is hovering.
https://prnt.sc/zA1hQvlKqu-B

But I don’t want to set it to a black background; I want to set it to a white background instead.
This is the reference page：
https://prnt.sc/mG5alQML4A5q

[Author]

Posts