How to Reposition the Slide-In Campaign

You can easily reposition the Slide-In Campaign to the left side of the browser window using a single line of CSS.

Requirement: This guide presumes you’ve ready our CSS Guide and Understand OptinMonster’s Campaign’s Slugs and Namespaces. If not, please read the linked documentation above before proceeding.

To reposition your slide-in to the other side, you will need only a small amount of CSS.

NOTE: if you paste the code in the Campaign Builder’s CSS area, your campaign will be hidden behind the Settings Panels. Therefore, you should only add this line of CSS at the end of your editing, just before you save.
html div#om-jk2jfc9zdulyv598 {
	right: auto !important;
	left: 20px !important;
}

Repositioning the Slide-In campaign to the left hand side of the browser is easy with a single line of CSS.

You can find your opening CSS declaration, which includes your campaign’s slug, by going to your Optin Menu Tab, then scroll down to the CSS window.

Hovering over the Question Mark icon will show you the campaign’s unique ID that you’ll want to use when writing the custom CSS.

The Custom CSS Slug is shown in the question mark icon's popup dialog window.

Just update the html div#om-jk2jfc9zdulyv598 selector in the example code at the top of this guide with your campaign’s unique slug.

Don’t forget to save your campaign. You should be good to go.