Move Visual Builder Save and Publish Buttons to the Left Side

This post may contain referral links which may earn a commission for this site

The Divi Theme visual builder presents a set of control buttons at the bottom of the screen, which allow for various actions such as saving the page. Some of these buttons are located on the bottom right of the page. However this location is also a common place for notification and chat components to be displayed. If you'd like to avoid overlap of the buttons and these components, here's how to move the visual builder controls to the left-hand side.

Divi Default Behaviour

Here's how the visual builder controls normally look:

Moving the Visual Builder Buttons to the Left Using Divi Booster

Divi Booster includes an option for moving these buttons to the left. To activate it, enable the "Divi > Divi Booster > Builder > Visual Builder" setting, like so:

Save the settings. Now the visual builder controls should look like this instead, freeing up the space on the right of the screen:

Moving the Visual Builder Buttons to the Left Using CSS

You can also move the visual builder save / publish buttons to the left using the following CSS:

Hundreds of new features for Divi
in one easy-to-use plugin

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *