Skip to main content

How to Display Your Tab Vertically

Use a simple CSS snippet to rotate the Wisepops tab and display it vertically on the side of the screen.

Written by Lisa Fockens
Updated today

Want your tab to appear vertically on the side of the screen? Here's how to do it in two steps.

Step 1 β€” Add the CSS

  1. Open your campaign in the Wisepops editor.

  2. Click Design in the left sidebar, then open the CSS tab.

  3. Paste the snippet below and save.

/* Rotate the tab to display vertically */
.wisepops-tab {
  transform: rotate(-90deg);
}

Use rotate(90deg) if you want the text to read in the opposite direction.

Step 2 β€” Adjust position and offset

Go to Tab in the left sidebar. Use the Position grid to pick which side and corner the tab should anchor to, then adjust the offset to fine-tune its exact placement.

Did this answer your question?