Why isn't my popup newsletter visible on mobile?

Store Design
1

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

2

@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
suyash1_0-1641141375083.png1366×768 233 KB

3

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 :slightly_smiling_face:

Thank You

4

@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;}
5

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