Overlay on slider + one more question

Hello, I am using the Jewellery demo (https://woodmart.xtemos.com/demo-jewellery/) on a site. There appears to be some overlay on each of the hero banner images, please see attached (screenshot 1). Attached is also the original image uploaded to the site (screenshot 2), which shows the original image has no dark overlay. Can you please help me point out this issue? There is no overlay added in the settings or via code.

And one more question on a different subject, how can I make the menu stick on scroll down (currently it’s sticky on scroll up only).

Thank you so much in advance!

Attachments:

You must be logged in to view attached files.

Hello,

01. Please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

02. Navigate to WoodMart -> Header builder and in the settings of the header disable the “Hide when scrolling down” option – https://prnt.sc/8jZasp_a5-Kk

Best Regards

Hello, thanks for your reply and sorry it took me a while to get back!

RE: point 1 – this worked, I had missed the setting – THANK YOU!

Attached is the access requested RE: point 2.

I have one more query, I am using the WoodMart slider and I can see I can set different heights for desktop, tablet and mobile. How can I set a custom height for widescreen devices? I need the slider to be higher for larger desktop screens. Greatly thank you!

Hello,

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

/* Custom height for screens wider than 1600px */
@media (min-width: 1600px) {
    #slider-26993 .wd-slide {
        height: 110vh !important; /* Adjust as needed */
    }
}

Best Regards

Thank you! I can see the overlay on the images has been removed. Can you please indicate what you have changed since suddenly the client wants it back? Thank you in advance!

And one more question, please. For the “overlap” header I am using the light colour scheme. How can I change the colour scheme to DARK but just for the sticky header option?

Hello,

01. Sorry to say I have not changed anything on your site.

02. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS.

body .whb-sticked .whb-general-header, .whb-sticky-shadow.whb-sticked .whb-row:last-child {
    background: #b6adad !important;
}

Best Regards.

[Author]

Posts