Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Pop Up Newsletter Image Not Showing On Mobile

Solved

Pop Up Newsletter Image Not Showing On Mobile

SarahAlEmadi
Excursionist
18 0 7

When I added the subscribe newsletter pop up image, it works fine on desktop version, but when I use the mobile, non image is shown - just text. 

 

Theme used: Capital 

Accepted Solution (1)
ExpertRookie
Shopify Partner
1518 249 323

This is an accepted solution.

Hi @SarahAlEmadi 
Your theme hide image on mobile view.
To show the image,
You can try follow this path:
Themes => edit code => asset => theme-index.min.css
and add this code to bottom of the file theme-index.min.css

  @media (max-width: 720px){
.popup-inner__image-wrapper {
  display: block!Important;
width: 100%;
}
.popup-inner {
flex-direction: column;
}
.popup-image {
padding-bottom: 100%;
}
}

 

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.

View solution in original post

Replies 6 (6)

ExpertRookie
Shopify Partner
1518 249 323

Hi @SarahAlEmadi 
Thank you for your question. 
Please share your store URL, page URL and also password (if your store has one) so we can help you.

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
SarahAlEmadi
Excursionist
18 0 7

sarahfinejewelry.com

Password to view: ViewOffline

 

 

ExpertRookie
Shopify Partner
1518 249 323

This is an accepted solution.

Hi @SarahAlEmadi 
Your theme hide image on mobile view.
To show the image,
You can try follow this path:
Themes => edit code => asset => theme-index.min.css
and add this code to bottom of the file theme-index.min.css

  @media (max-width: 720px){
.popup-inner__image-wrapper {
  display: block!Important;
width: 100%;
}
.popup-inner {
flex-direction: column;
}
.popup-image {
padding-bottom: 100%;
}
}

 

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
SarahAlEmadi
Excursionist
18 0 7

Worked perfectly! thank you

GABeauty
Tourist
5 0 1

Hi! Can I chime in? I don’t show a theme index option and don’t show an easy way to find it? I have a theme.css.liquid and a theme.js under assests. I’m trying to get my imagine pop up to show on mobile as well. Right now it’s a white box but shows on desktop. Any fixes?

GABeauty
Tourist
5 0 1

Hi! Can I chime in? I don’t show a theme index option and don’t show an easy way to find it? I have a theme.css.liquid and a theme.js under assests. I’m trying to get my imagine pop up to show on mobile as well. Right now it’s a white box but shows on desktop. Any fixes?