Divi – Adding a section to the slide in menu

Here's a pretty simple way to add a custom section to the slide in menu.

The Preview

I had a suggestion/request for a tutorial.

This is what you get:

 

The Video

 

The Setup

 
Do you have a child theme?

No? Then you'll need one! (click here to read why you really need one)

If you need one, then head over here to get a free child theme that comes with some useful features.

Get a free child theme    

Or you’re gonna need this functionality in your child theme.

Insert layouts everywhere

 

So hopefully, you’ll be seeing this:

note: the id number will be different, but don’t worry, just copy paste what you have on your site.

 

You’re ready to go!

The Code

Open up header.php, and you’ll find this:

 

in line 128, you’re gonna add this:

<?php echo do_shortcode('[ai_layout_sc id="444"]'); ?>

note: of course when you paste the shortcode, it’ll have your id number, not 444

Now it’ll look like this:

 

and you’re done!

Extra tips

– The section should have a transparent background (if you want the menu background color to show)
– media queries don’t work (since media queries are for screen widths, not container sizes) so you’ll have to experiment a bit to get the right sizing.

 

 
If you want to brush up on your CSS so you can style/design all these cool new elements, try learning it!

To learn more about CSS, check out this comprehensive course that covers everything about using CSS with Divi! (use coupon code "getcoursewith5off" for 5% off) Start learning proper CSS for Divi

 

    Notice

    Hi! Please consider signing up for my newsletter for... two emails (at most) a month of news, updates, and special offers, including child themes and more courses. Sound interesting? The signup form is right here!

    You will also get a 10% discount coupon in your inbox as soon as you sign up!

     

    Sandwich Photo by Youjeen Cho on Unsplash

    Default image
    PK
    Hi, I'm a front-end wordpress developer, web designer, and hobbyist photographer living in Australia, and I made this website to share thoughts and tips about web design and everything related to it. If you want to chat, drop me a line here
    Articles: 126

    Leave a Reply

    Generic selectors
    Exact matches only
    Search in title
    Search in content