How To Make Sticky Menu Not Overlap Sticky Content

Hi there, how can I make the sticky menu not overlap the sticky content like in my screenshot?

Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

Configure the header row settings and in the style tab edit the settings of “Backdrop filter”. Backdrop effects will be visible only if the row has a background with transparency.

Best Regards.

Sorry, I dont think you understand. I don’t want my sticky menu to go over sticky items on the page. the sticky item should not go underneath the header in other words, it should stay below.

I don’t want to change the header or backdrop filter – I want the sticky items on a page to not go behind the header.

Hello,

Navigate to WoodMart > Header Builder > Edit Current Header > Configure Header bottom and disable the option “Make it Sticky”.

Best Regards.

Hi Aizaz, I hope you are doing well. I think there is some confusion here. basically what I am asking is:

Is it possible to prevent sticky items on the page to go behind the bottom header menu? I want the bottom header to be sticky, it is part of the functionality of the website.

It seems the main header or top header does prevent the sticky content from going under it, but not the bottom part of my header.

Attachments:

You must be logged in to view attached files.

Hello,

Now check back your site and check the issue. Navigate to Woodmart > Header Builder > Edit Current Header Configure the header bottom row settings and in the style tab edit the settings of “Backdrop filter” and increase the value of “Opacity”.

If you have any questions feel free to contact us.

Best Regards.

[Author]

Posts