Jump to content

How to Resize Thumbnail Image for blog component on mobile

Go to solution Solved by JulieMcK,

Recommended Posts

Hi everyone,

I have setup a blog component for displaying testimonials on my homepage and looking for a way to resize the thumbnail image that displays on mobile.

I used the below code, but it's only changing the size on the desktop not mobile. I'm not a coder, so if anyone could provide some assistance it would be appreciated 🙂 

@media only screen and (max-width: 640px){}
.summary-thumbnail img {  
 border-radius: 50%;
  padding: 0px;
  max-width: 15%;
  margin: auto;}

Here are some screenshots from my live site on desktop & mobile. Site built on 7.0, Five template.

https://www.jambusinesssupportservices.com.au/
 

Thanks
 

Screenshot-testimonial-laptop-view.png

pro-oCtJlnrc.jpeg

Link to comment
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.