Jump to content

Changing image size on mobile

Recommended Posts

Site URL: https://potato-sphere-g3k8.squarespace.com/about

Website: naonow.com Password: naonow @tuanphan

Hi! I'd like to change the size of these images on our "About Page" on mobile so they appear how they do on the website (much smaller, not taking up whole mobile screen). The two image sizes I'd like to change are the little girl in that circle and the Ivy League crest size. Thanks!!!

 

About page: https://naonow.com/about https://potato-sphere-g3k8.squarespace.com/about

image.thumb.png.01cf83070f135348b2b2542cf43ead0e.png

 

image.thumb.png.cac27596bc6657025d0544a80585005d.png

 

 

Link to comment
  • Replies 5
  • Views 334
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#block-f1a27cd9c461db83b653+.row {
    width: 50% !important;
    margin: 0 auto;
}
div#block-9af319bc7aeb3c76b18e+.row .span-7 {
    width: 50% !important;
    margin: 0 auto;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Amazing, thank you!! Is there any way to delete the spacing in mobile mode between the font and the pic here? Or is there a way to get it all together like in computer mode with font on left and pic on right?

Thanks!! @tuanphan

Spacing:

image.thumb.png.dcd392c8183e4d91dc12e956fb3ceef2.png

 

Computer view:

image.thumb.png.7cb2a6ce63d249ac295b7331bf0e24fe.png

Edited just now by rachelt

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.