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:
No Code involved - just divi section/row/module settings
Comments