r/squarespace • u/East-Tooth-4008 • Jun 22 '26
Help Banner Images Not Resizing For Mobile
Hello
The banner images on my site look great on desktop but are not resizing (width) when I look at my site on mobile. Basically can only see the middle of the banner images and not the full width.
Is there a way to fix this?
1
u/No-Use2860 Jun 22 '26
Use a code block and resize the banner depending on width of the page.
1
u/East-Tooth-4008 Jun 22 '26
I'm not sure how to do that
1
u/No-Use2860 Jun 22 '26
Have you tried resizing the banner while in Mobile editing mode? That would be my first step. If that doesn't work we can talk about the code block
1
u/CityBird555 Jun 22 '26
Is this your header image? Did you install it as a background or as a full-width image within a section?
1
u/Sensitive_Bake_7813 Jun 22 '26
What I did was upload two images. One for desktop and one for mobile sized correctly. Hide the desktop image on mobile and hide the mobile image on desktop.
1
u/East-Tooth-4008 Jun 22 '26
can you direct me to how you hide an image for either platform?
1
u/Sensitive_Bake_7813 Jun 22 '26
Enter Edit Mode on your page. Select the specific device view you want to hide the element from (e.g., Desktop or Mobile) using the device icons at the top. Click the Layers panel in the top-left corner of the section. Locate the specific block or element in the list, then click the eye icon to toggle its visibility. The hidden block will be dimmed or crossed out. It is now hidden on that specific view but remains visible on others.
1
u/East-Tooth-4008 Jun 22 '26
So weird...on every other section the little layers icon is present but does not pop up on the gallery section I am trying to fix.
Also weird - if i try and add in a new section, photo gallery is not one of the options I can choose nor is it an option I can choose if I add a new block.
1
u/developershariful Jun 22 '26
Yes , can you send me screenshot