Shopify themes, liquid, logos, and UX
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
@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
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
@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;}
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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025