Make Pop Up Rounded

martujv · ‎03-14-2025

Hello!

I want my pop up to have rounded corners instead of being straight.

This is how it looks now:

I would appreciate some help!

suyash1 · ‎03-15-2025

@media screen and (max-width:749px){
.popup .popup__content {border-radius: 12px !important;}
}

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

suyash1 · ‎03-14-2025

.popup .popup__content-inner {border-radius: 30px;}

it will look like this

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

martujv · ‎03-15-2025

It worked! Thank you so much!

martujv · ‎03-15-2025

It doesn't work for mobile version, any solution?

suyash1 · ‎03-15-2025

@martujv can you please provide preview link again?

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

martujv · ‎03-15-2025

suyash1 · ‎03-15-2025

@media screen and (max-width:749px){
.popup .popup__content {border-radius: 12px !important;}
}

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

martujv · ‎03-16-2025

It worked! Thank you!

Community Blog Articles