Jump to content

Resizing a specific image for mobile

Recommended Posts

Site URL: https://falcon-avocado-k4w3.squarespace.com/

Hello!

I'm working on setting up a photography print shop site. Currently using the Palmera template (pw is "georgia").

I would like to reduce the size of one specific image at the top of the page, and reduce vertical padding as well (see attached images), so the first photo is peeking from the bottom of the screen.

I've tried this recommended way, but could not get it to work for me. Any ideas?

Thank you!

ideal.png

current.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

For graphics like this, I love Kerstin Martin's workaround. I use it all the time: https://kerstinmartin.com/blog/png

It preserves size across devices.

christyprice.com  🇺🇸 Austin, TX US 

 Get my 100+ item Client Process Checklist for $17.
📔 Flourish Journal for Creative Entrepreneurs - 365 days of prompts
🎥 Watch Circle Live: Hello Income (feat. Christy Price and Jeremy Schwartz)
🎬 Watch It's Not Hard to Say Goodbye: Crafting Client Offboarding from Circle Day 2023

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.