Why isn't my popup newsletter visible on mobile?

[3azzzeh]

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

[suyash1]

@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

[3azzzeh]

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]

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

[cindyrutland]

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