Jump to content

Bedford: How do I make banners display larger on mobile

Recommended Posts

I am using banners without text simply as a way to get a browser-width image in Bedford. While these banners respond excellent on desktop and larger mobile devices, they are far to shallow (~212px high) on smaller mobile devices, (~750px wide and smaller).

(I think) I would like to use media query to target smaller mobile devices and increase the banner container height to ~420px high.

You can access the site here: https://seahorse-tulip-rfst.squarespace.comBelow is visual reference of the difference in sizes.

Thanks in advance.

alt text

comparison.jpg.3b3bcbb56ae565dba1dc0179dc2bf2e3.jpg

Link to comment
  • Replies 0
  • Views 490
  • Created
  • Last Reply

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.