Size Images for Phone

Solved
Tourist
8 0 1

Dear All! 

 

I was wondering if you could help me with this issue I've been having. 

I have changed my layout of the frontage to having 4 images per row; the image size is good on the laptop or PC , but on the phone it doesn't fill the top and bottom of the image.

 

Could someone maybe help out in terms of CSS code to make it work :) Thank you in advance!!

 

Website link: www.spiritual-awak3ning.com

0 Likes

Success.

Hello ,

Please add below css in theme.scss file

@media only screen and (max-width: 590px) {
  .reveal .product--wrapper {
       margin: 0 auto;
  }
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
2 Likes
Highlighted
Tourist
8 0 1

@oscprofessional wrote:

Hello ,

Please add below css in theme.scss file

@media only screen and (max-width: 590px) {
  .reveal .product--wrapper {
       margin: 0 auto;
  }
}


Thank you very much!!

0 Likes