Why isn't my popup newsletter visible on mobile?

Why isn't my popup newsletter visible on mobile?

3azzzeh
Excursionist
18 0 7

Good Day Dears,

 

on the site: azkadenia.myshopify.com

The pop up Newsletter box appears only  while using desktop
But it is not appearing for mobile users, any idea how to fix this ?

 

 

BR
Yazeed

Replies 4 (4)

suyash1
Shopify Partner
9586 1199 1540

@3azzzeh - please add given css to the very end of your stylesheet.css file and check 

@media screen and (max-width:749px){
.newsletter__popup-container {display: block !important;    max-width: 100%;}

#newsletter__popup-content {max-width: 100%;}
}

 

should look like this

suyash1_0-1641141375083.png

 

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
3azzzeh
Excursionist
18 0 7

Hi @suyash1 

thank you so much for your helpful solution,

and do you know how can i add margins at right and left ?
because currently it is appearing from the edge to the other edge with no space


I will also make your reply an accepted solution  🙂

Thank You

suyash1
Shopify Partner
9586 1199 1540

@3azzzeh - try adding margin to container in above code, so it becomes, adjust number 10 as per need

.newsletter__popup-container {display: block !important;    max-width: 100%; margin:0 10px;}

 

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
cindyrutland
Visitor
1 0 0

Hello thank you for the code - It shows up but doesnt go away even if i put an email address in - the close X doesnt work either