How to turn off the background shadow of the top menu

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,

Hello,

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

Best Regards,

Hello,

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

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

Best Regards,

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,

Hello,

You can change the header background color code to white and then use this custom css for the header hover color. Please add this code to the Theme Settings > Custom CSS > Global:

.whb-main-header:hover .nav-link-text {
color:#000000 !important;
}
.whb-main-header:hover .wd-tools-element .wd-tools-icon {
    color:#000000 !important;
}
.whb-main-header:hover .wd-header-cart.wd-design-2 .wd-tools-text {
    color:#000000 !important;
}

Best Regards,

Hello,

Now I have checked your site, and on hover, the black logo image appears on the white background. Let me know if you need any further adjustments.

See Screenshot for clarification: https://ibb.co/35GWpg0r

Best Regards,

Hello,

I see, thanks for the clarification. Let me know if you need further adjustments!

Best Regards,

Hello,

I have checked your site and the slides are showing fine now.

See Video for clarification: https://uploadnow.io/f/FNrXKG1

Check back yon our site and check the issue.

Best Regards,

Hello,

I do not think that the issue is in the Slider itself. The site, in general, takes some time to load.

After conducting a speed test on your website via PageSpeed, I recommend that you review the following suggestions:

Largest Contentful Paint element – You need to optimize your site in general to improve this parameter. https://web.dev/articles/lcp

Eliminate render-blocking resources – you may try solutions described here https://onlinemediamasters.com/eliminate-render-blocking-resources-wordpress/

Serve images in next-gen formats (https://ibb.co/ccgLqLLC ): Consider using a plugin or service that will automatically convert Ensure text remains visible during webfont load uploaded images to the optimal formats e.g ‘Imagify’ from the Image Optimization tab in ‘WP Rocket’ to convert your images to WebP.

Minimize main-thread work – I suggest using the Wp Rocket to fix it, more details are here: https://wp-rocket.me/google-core-web-vitals-wordpress/minimize-main-thread-work/

Try testing your site on PageSpeed Insights, check the detailed report, and optimize accordingly.

Our guide on how to optimize your website using our themes can be found here: https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/

Best Regards,

Hello,

The misalignment issue may be due to the sidebar being enabled on your page. To fix this:

Edit the Page in Classic Editor > Scroll to the Page Settings at the bottom.

Disable the Sidebar and check the issue: https://xtemos.com/docs-topic/options-for-pages/

Please try this and let us know if you need further assistance.

Best Regards,

Hello,

The blank space on the right might be due to:

Background Size Issue – The image might not be set to Cover properly. Edit the container and in the style tab change the background display size: https://ibb.co/HT1rr6cR

Container Width / Padding – Extra padding or margins causing overflow. Go to Advanced Tab:

* Padding: Set Left & Right to 0px
*Margin: Ensure no negative values causing overflow

If you have any questions feel free to contact us.

Best Regards,

Hello,

Could you please share the URL of the page where this slide is located? I’ll check it and provide a possible solution.

Best Regards,

Hello,

Our theme is optimized for speed and should not significantly slow down your website. However, it’s possible that your website’s performance is affected by the content you have added. For instance, the use of too many plugins, large unoptimized images, or other resources can slow down your website.

We recommend that you remove any unnecessary plugins and install a JS & CSS optimization plugin such as WP Rocket. Our guide on how to optimize your website using our themes can be found here: https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/

Best Regards,