32: How To Build A Custom Floating Divi Menu
So by now, anyone who’s in the Divi space, they already like to already know that Elegant Themes is promised the Theme Builder since sometime around mid May or late May of 2018. And a lot of people are still clamoring for they still want that that update that we haven’t seen yet. And I’m probably in the minority here, but I’m okay with the fact that it hasn’t come out yet, because I know what they’ve been working on, you put out a ton of productivity updates, you know, little small updates. But the big update has been centered around them being compatible with WordPress, 5.0. And Gutenberg, in my opinion, very, very, very important thing. So I’m okay with the Theme Builder, dragging just a bit, at least at this point.
Because I use a couple of products that they really, they allow me to create websites that stand out that don’t necessarily look at least at first glance, like Divi, and that’s Divi Ultimate. And another option is page builder everywhere by Divi Space, which is a phenomenal product that just just upgraded to 3.0. And if you had any interest in check it out, I can drop the link into the show notes below and highly recommended, you can get a single site license for I want to say $26. And it’s worth every bit of it. At 26 bucks, I highly recommend you know go all out spend $149 if you have it, you can and get all of Divi Space products by just joining their annual membership, it is absolutely worth it there Divi switched, testify all of those plugins Page Builder. They’re everywhere. And so so so many more, I mean, there’s just a lot of great products on their site, it’s worth $149 a year or the lifetime membership if you really want to go crazy.
But today, what I wanted to talk about is the ability currently inside what Divi has available to create like a floating drop down menu. And so what you have to do is you’re going to get a little creative with CSS, we have to actually turn the Opacity down on the main menu navigation. And we have to put a little CSS on the sub menus I like personally in around the corners, and you’ll see it in the video, I want around the corners and add a drop shadow and make it look a little more futuristic and definitely more on trend. So we’re going to show you how to do that. And in the show notes, you’re going to have a link to our website and the blog post that outlines how we did it. And they’ll be the video inside of it showing you exactly how to do that, in that blog post. In addition to the video, you’re also going to have the code that we used to actually create the effect that you’re going to see in the video.
Like I said, our goal has always been something we’ve taken a lot of pride in is when we create a website is to try and make it so that it’s not very easy to notice that the website is using Divi. And that’s just not necessary. But it’s totally one of those things that are designed I makes us really want to stand out and be a little bit different. So, you know, take a look, let us know what you think. Either in the comments on the blog post on YouTube or hit us up on the social media anywhere. Let us know number one. What do you think of the video? Is it helpful? Does it explain it very well? And is it easy to digest? Because that’s our key. We want to make these things very easy to understand and easy to act upon.
And then number two, what are you going to do with this particular tutorial if you’re going to implement into your site, we’d love to see the link to your site when it’s all said and done. Because we want to see the work that you’re creating so we can support you as you support us. We appreciate you so much. We’re so excited that we’re back. We’re in our groove. And we will absolutely see you in seven days time next Tuesday on the next episode of Divi addicts. Have an awesome week and we’ll see you soon