Jump to content

Images not behaving properly on mobile display

Recommended Posts

1. Images are being cropped in an undesirable fashion when viewing my website from a mobile device:

  • the picture of a dog on my home page
  • the image in the painting section.

2. The css code that was applied to round the corners of my images does not work on mobile view. 

  • CSS code:

            .gallery-masonry-item-wrapper

             {border-radius: 25px} 

             .section-background

             {border-radius: 25px}
 

Edited by okoh
Including custom CSS
Link to comment
  • Replies 4
  • Views 711
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

3 hours ago, tuanphan said:

Hi,

#1. What should it look like?

image.thumb.png.d76eac07c3b9312cfab036fca3b0c675.png

#2. Which page are you referring to?

#1. It should look the same as your screenshot, however that is not what appears when I access the website through my iPhone.

#2. I am referring to the home page and the painting section. The gallery format in the mixed media, sketch, and digital sections are all fine and have rounded corners on the images. 

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.