Change size of pop up

Ask the Community Customization
1

Hello! Is there a way to make the pop-up take up more space on larger screens? Maybe use a percentage of the screen’s width (outside of mobile)?

3

Hi there, @Lily_Gamble1 :waving_hand:

This CSS code will do the trick:

@media (min-width: 1024px) {
  .global-styles,
  [class*="Popup__PopupContent"] {
    transform: scale(1.25);
  }

  .global-styles,
  [class*="Popup__PopupCloseInsideInner-sc"] {
    transform: scale(0.75);
  }
}

Please try it out and let me know how it worked for you :slightly_smiling_face:

4

That worked perfectly. Thank you!

5

Great, you’re welcome :wink: