Jump to content

Changing image size on mobile

Go to solution Solved by tuanphan,

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
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.