Home / Comments / Divi Transparent menu above FullScreen Video
Duplicate Snippet

Embed Snippet on Your Site

Divi Transparent menu above FullScreen Video

To make the top menu transparent and overlay the full-screen video background on your site, follow these steps:
For the header menu:
• Open the Menu module settings
• Go to Content Tab → Background
• Remove the Menu module's background color
For the header row:
• Open the Row settings
• Go to Advanced Tab → Position
• Set the position to "absolute"
• Set the Location to "Top Center"
For the video background section:
• Open the Section Settings
• Go to Design → Sizing
• Set the height to '100vh' to make it full-screen
These steps will create a transparent header menu that overlays your full-screen video background. Remember to adjust the section's min-height if needed to ensure proper display of all elements.
Source:

https://youtu.be/tDcShlT-aR8

https://help.elegantthemes.com/en/articles/8559675-how-to-create-a-transparent-fixed-header-layout-that-overlaps-the-page-s-content

Code Preview

No Code involved - just divi section/row/module settings

Comments

Add a Comment