OM Documentation Extending

How to Reposition the Slide-In Campaign

OptinMonster makes it easy to customize the appearance of your campaigns, like how to reposition the Slide-in.

In this article, you’ll learn how to reposition the Slide-in.

Before You Start

Bottom Positions

Bottom Right

The bottom right is the default position for all Slide-in campaigns. No modifications are needed.

Bottom Left

Reposition the Slide-in campaign to the bottom left by adding the following CSS using the Custom CSS tool:

Bottom Center

Reposition the Slide-in campaign to the bottom center by adding the following CSS using the Custom CSS tool:

350 pixels is the default setting for new Slide-in campaigns, if you’ve changed the campaign container width you will need to update the CSS to reflect your campaign’s specific width. This code works only when you use pixel values, not percentages, for the campaign container width.

Top Positions

Top Right

Reposition the Slide-in campaign to the top right by adding the following CSS using the Custom CSS tool:

Top Center

Reposition the Slide-in campaign to the top center by adding the following CSS using the Custom CSS tool:

350 pixels is the default setting for new Slide-in campaigns; if you’ve changed the campaign container width you will need to update the CSS to reflect your campaign’s specific width. This code works only when you use pixel values, not percentages, for the campaign container width.

Top Left

Reposition the Slide-in campaign to the top left by adding the following CSS using the Custom CSS tool:

Side Positions

Right Center

Reposition the Slide-in campaign to the right center by adding the following CSS using the Custom CSS tool:

The 540px value in the code above will need to be updated to specify the pixel height of your own Slide-in campaign. This code works only when you use pixel values, not campaign height percentages. The height of a campaign automatically adjusts based on the contents within it; you can use your browser’s dev tools to inspect the campaign and locate the displayed dimensions.

Left Center

Reposition the Slide-in campaign to the left-center by adding the following CSS using the Custom CSS tool:

The 540px value in the code above will need to be updated to specify the pixel height of your Slide-in campaign. This code works only when you use pixel values, not campaign height percentages. The height of a campaign automatically adjusts based on its contents; you can use your browser’s dev tools to inspect the campaign and locate the displayed dimensions.

If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!

Get Started With OptinMonster Today!

BONUS: Done-For-You Campaign Setup ($297 value)
Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE! Click here to get started →