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
- This guide assumes you’ve already created a Slide-in campaign you wish to reposition.
- This guide assumes that you’re already familiar with our Custom CSS Tool.
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
The 540px value in the codes below 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.
Right Center
Reposition the Slide-in campaign to the right center by adding the following CSS using the Custom CSS tool:
Left Center
Reposition the Slide-in campaign to the left-center by adding the following CSS using the Custom CSS tool:
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 →
