Follow us

Floating Publish Button in Divi without a Plugin | Divi Soup

Like our free content? Then you'll love our exclusive Club!

Divi Academy Membership gives you exclusive access to over 110 resources, including child themes, layouts, cheatsheets, tutorials, live training and member perks. And new content is added EVERY Monday!

Way back in 2016 I wrote a post on the top 10 free plugins I install on every Divi site. At the time I was still working with clients so I don’t really use most of them anymore, but I do still use around four or five of them on most sites I create, even if they are just my own demo sites.

One of the first I used to install was the free Floating Publish Button, but even when I wrote that post the plugin hadn’t been updated in a while, and whilst it is not a good idea to use unmaintanined plugins due to security risks, for the functionality the plugin provided, I didn’t think it was a big issue.

18 months on and it still hasn’t been updated so I thought I would share with you how I now float my publish button smile

If you have no idea what I am talking about, just watch the short video below and keep an eye on the red box to see what I mean.

So let’s get cooking!

Ingredients

 

The Divi Theme from Elegant Themes

An active child theme, we are going to be editing functions.php

 

Cooking time

 

Literally 2 minutes!

 

Preparation

 

No prep really, you just need to make sure you are using a child theme, otherwise this is gonna get overwritten when you update Divi.

 

Method

 

This is super simple, just open the functions.php file from your child theme in your favourite code editor, or in Appearance > Editor if you prefer and add the following function:

//Floating publish button
add_action('admin_head', 'ds_floating_publish');
function ds_floating_publish() {
  echo '<style>
    #submitdiv {
    position: sticky;
    top: 32px;
    z-index: 9999;
    } 
  </style>';
}

Keep in mind this won’t work in IE as it doesn’t support position: sticky; But I really hope you are not using IE to develop your sites wink

Now open up a long page, scroll down and watch your publish button float at the top of your screen. No more scrolling up and down each time you want to preview or publish your page/post grin

If you found this helpful please leave a comment and subscribe to my newsletter for all my latest Divi related content. smile

Michelle X

Michelle Nunan is a multi-award winning marketer & trainer and full time Divi educator as well as a mother of two beautiful girls and two cheeky Black Labradors called Harley & Chaz. Michelle has been building websites since the late nineties, back in the days of GeoCities and Napster, before the web was the wonderful place it is now.

Related Posts

Enter your details below to get notified of the launch and early bird pricing

You have successfully joined the waitlist!

Pin It on Pinterest

Sharing is caring

Share this post with your friends!