
Instead of using a border, we have used the box-shadow property to make the dropdown menu look like a "card".

Once the Divi Theme has been installed on your website, It is positioned to be visible right below the dropdown button, and the width is set to 100% to cover the whole screen. The Divi Fullwidth Menu Module, Before you can add a fullwidth menu module to your page, you will first need to jump into the Divi Builder. If you’re looking for some interactive examples, Codrops has a created a bunch of fullscreen overlay effects that you can explore, Damon Bauer has created a fullscreen menu plugin for jQuery, and we have also published a tutorial on how to create a full-width tiled menu with CSS. Equal Width Menu The navigation menu -> reviewed to avoid errors, but we cannot warrant full correctness of all content. How To Create Equal Width Menu Links, How TO - Equal Width Navbar Links Learn how to create a navigation bar with equal-width navigation links. Update the Fullwidth Menu Settings as follows: Content Options. Then add a Fullwidth Menu Module to the section.

Create a dropdown menu Once you have your menu created, use the visual builder to add a Fullwidth Section just below the header section of the page. How To Create a Mega Menu, Learn how to create a mega menu (full-width dropdown menu in a navigation bar). How to make this menu full width? Where to need modification? Full width menu
