How can I center my Popup?

rafaelgnunes
Tourist
11 0 3

Hello. I want my popup to be in the middle (center) of the page, not at the bottom. How can I do this?

Store URL: https://4pqx986blkce0xc6-57869762725.shopifypreview.com/

Captura de ecrã 2021-11-10, às 17.49.46.png

 

Thank you.

Replies 2 (2)
KetanKumar
Shopify Partner
25090 2510 9074

@rafaelgnunes 

sorry for that issue can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.blocker {
transform: translateY(-30%); 
top: 50%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rafaelgnunes
Tourist
11 0 3

@KetanKumar Another awesome solution! Thank you again! Can you help me with other thing (sorry for asking for many things)?

How can I give the same space between the slideshow and the featured image as it is below to the icons section? Also, it looks really bad on mobile, how can I put the featured image to be good on mobile? Thanks!

Captura de ecrã 2021-11-11, às 15.16.55.png