Divi Fullscreen menu header layouts

Freebie!! Divi Fullscreen Menu Header Layouts for 4.0!

November 4, 2019

If you haven’t gotten our previous freebie Divi Slide in Menu Headers for the new Divi 4.0 update and theme builder check those out now.  This new freebie is a divi fullscreen menu header layout.  The fullscreen menu was one of the options that the previous versions of Divi had. I wanted to make sure that all of the options could still be used and that is why I have made these layouts. The great thing about these layouts is that the fullscreen menu can be edited straight from the divi builder within the theme builder.  These layouts will give a lot more freedom than there was with the original divi fullscreen menu.

To get this great freebie all you have to do is sign up to my list to get great updates about Divi and web design updates and more of these freebies and tutorials.  The video above gives an overview of how to use these layouts and within the zip file for these layouts there is also a very short list of instructions how to get started with these.  I haven’t tried every module with these so there may be some conflicts.  If you find something that does not work correctly please let me know.

Note:depending on the height of your header you may have to add the code below. It can be added in the code module within the layout.  The layout with the header will require this to be done but the 131 number may need to be changed if you use a different sized logo or something of the sort.  That number you will have to play with.

#page-container{
    padding-top:131px;    
}

Changelog
Version
1.0 11/04/19 Original Release
1.1 11/23/19

  • Fix menu to allow to close when a link is pressed from the menu module, works better for one page sites
  • Fixed second dropdown menus looking wonky.

Hope you enjoy these layouts!

 

About Josh Collier

img-2

Josh, with his degree in Business Finance from Northern Arizona University, is a hands-on learner, who has always preferred to learn by doing. One day, sometime around 2015, he started a blog on prepping, and had a great ol’ time creating the site. When all was said and done, he realized he enjoyed CREATING the site much more than he enjoyed WRITING the content. So he continued to pick up books on HTML and Javascript and CSS, and started taking some free online classes on how to build websites. In 2017, his sister, Shyla, offered him a subcontracting job to build websites for her social media marketing company, Premiere Social Media, and he was hooked. He was finally able to build websites for real people, and he quickly realized he found his passion.

0 Comments

Pin It on Pinterest

Share This