Mobile View pages are stretched/too big

MaileCArtist
Tourist
8 0 3

My mobile view of two of my pages has warped. The images are stretched on one page and the text box is too large and goes beyond the header in the other. Can anyone help assist? Thanks!

stretchedstretched

 

Too bigToo big

 

MaileCristinaArtist.com

pw:vauseu

0 Likes
paramSoft
Shopify Partner
1487 243 692

On which page?

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
dmwwebartisan
Shopify Partner
4570 1028 1321

@MaileCArtist 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (max-width: 767px){
img, iframe {max-width: 100%;height: auto;}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
MaileCArtist
Tourist
8 0 3

oh it worked on the Pawtraits page!! but the images dont look even, is there a way to adjust the alignment?THANK YOU

 

The FAQs page still looks messed up, the text box is too big to see on mobile view.

0 Likes
MaileCArtist
Tourist
8 0 3

its the FAQs page and PAWtraits page

dmwwebartisan
Shopify Partner
4570 1028 1321

@MaileCArtist 

For the FAQ page use the following code.

@media screen and (max-width: 768px){
#faq td{ width: 100% important; }
}

 

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
MaileCArtist
Tourist
8 0 3

Where exactly should I place that code for the FAQs page? Theme?

 

dmwwebartisan
Shopify Partner
4570 1028 1321

@MaileCArtist 

Please add the following code at the bottom of your assets/theme.scss.liquid file

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes