• a

NEW & POPULAR DIVI CHILD THEMES

Supreme Store

Molti

Molti Ecommerce

Florence

WANT MORE?

MEMBERSHIP

Join Membership

Membership Benefits

CONTACT US

Send us a Message

Visit Documentation

RESOURCES

Our Blog

Customer Showcase

What's New?

Useful Tools

Affiliates

NEW & POPULAR DIVI CHILD THEMES

Supreme Store

Easily Setup Your Online Store with Supreme Store Child Theme.

Molti Ecommerce

Multipurpose Business/Ecommerce Child Theme for Divi.

Molti

Multipurpose Business Child Theme for Divi.

Florence

A Delicate & Innocent Business Child Theme for Divi.

WANT MORE?

Join Our Membership

Get access to all our Divi Products by Joining Membership!

Membership Benefits

See the Benefits of Joining Membership before you Join!

Send us a Message

Need Help? Send us a Message and we'll be glad to help.

Visit Documentation

Instead of waiting for us, try to find your answer in our Documentation.

Our Blog

See the Latest News, Divi Tips & Tricks and a lot more.

Useful Tools

Some Useful Divi & Web Design Tools that we use and you'll love.

Customer Showcase

See cool websites made by our Customers using our Child Themes.

Affiliates

Earn Money while Promoting our Products today.

What's New?

See what we've been working on and what's new from us.

How to create a Floating button with Divi’s Position Options.

Samar Jamil

So welcome to another new tutorial. And today we’ll see how to make a floating button in Divi using Divi’s Position Options. Now Fixed buttons are very useful to increase sales and conversions. So It’s super simple and let’s get started.

Keep in mind that not only buttons you can make anything floating with Divi’s position options.

So, first of all, open up a page with Divi Builder and go to any button Settings. Then go to the Advanced tab and find Positions Panel click on it so you’ll see something like this.

Now Choose the position type as Fixed.

Now Choose the location for the button on anywhere of the page you want, just click on the box and your button will be fixed at that location on the screen you set.

Now you’ll see that your button is fixed but it might be having an issue that’s passing underneath the other elements on the page so let’s fix it. For this go to the Row Settings where the module is located and then go that the Column settings where the module is located then go to the Advanced tab and open up the Positions Panel and from there set the z-index to full value.

Now have a look at your button again you’ll see better results. And now let’s add some spacing because it’s at the very end of the screen and doesn’t look good.

Now go to the button Module Settings and then open up the Position panel and from there add Vertical Offset as 20px and Horizontal Offset as 30px.

Final Preview

Share The Love ❤️

Written by: Samar Jamil

I Love to make beautiful and creative Divi Child Themes, Layouts and Module Designs for everyone to help them create beautiful websites with ease using Divi. I also Enjoy making helpful Divi Tutorials, Freebies, and More!