Technical Query: How to set up a Transparent Overlapping Header in WoodMart
-
I am currently working on my website and I would like to achieve a specific visual effect: I want the Hero Image (the main slider) to be displayed at the top of the page, with the header/logo and navigation menu placed on top of it (transparent background).
Basically, I want the background image to occupy the full screen and start from the very top of the browser, with the header elements overlapping it, similar to your “Baby” or “Main” demo.
Could you please guide me on how to enable this “Transparent Header” or “Header Overlapping” feature in the theme settings?
Thank you in advance for your help.
Attachments:
You must be
logged in to view attached files.
Hello,
To create header effects similar to the screenshot you shared, navigate to WoodMart > Header builder > edit default header.
Click on the Settings button and enable the “Make it overlap”.https://postimg.cc/xXnQMK6H
For header overlay please refer to our theme documentation here: https://xtemos.com/docs-topic/how-to-enable-header-overlap/
Best Regards
.
