Jump to content

[Solved] Allowing horizontal scroll on mobile for one image

Recommended Posts

Hello,

I have an image that I want to prevent from getting too small while on mobile.

Initially, the image would just scale with the screen size, forcing the entire image to be visible on mobile. I've restricted it within the Custom CSS by setting the min-width to 600px for the image, but now it is no longer becoming too small, but I am unable to scroll horizontally to access the full image. 

Does anyone know how to allow horizontal scrolling on a single image?

 

Thanks in advance for any help!

Link to comment
  • Replies 1
  • Views 3.6k
  • Created
  • Last Reply

I managed to solve this problem with a css inline of the code block. Seems like my attempts at using the Custom CSS sheet weren't taking within the div block initially so once I moved it over to the codeblock itself, it took priority it seems.

 

<div style="overflow:scroll">
  
<img src="https://static1.squarespace.com/static/XXXXX" class="a">
  

</div>

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.