divi full width header css

I saw this asked in a Facebook group and I have recently been asked to provide a step by step on how to add the functionality to a divi full width header module

This was only intended to be a quick fix solution and will only work if you have a free button from the two available in the full width header module. If both buttons are in use you will need to find another solution.

Remember to include the url in the button url section. the button text is not important as it wont show, so enter anything in there.

If you found this helpful please share it socially and feel free to comment below.

Here we go then the complete css is below:


Header Container
width: 100%;

Button One or Two
position: absolute;
height: 100%;
width: 100% !important;
top: 0;
left: 0;
padding: 0px 0px !important;
opacity: 0;

Share This

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.