Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

BANNER - NOT RESPONSIVE TO WINDOW SIZE


jrc623

Question

Site URL: https://chesapeakeheartland.org

Hi all - I am trying to make all the image banners responsive when the window size changes. I would like to keep the image within the container but at the moment when resizing, the image extends out of the container / is cut off. I'm looking to respond to mobile displays to 2600px displays. 

I've tried some media queries and they don't seem to be working. A portion of the media query will be fine, but not the entire media query range. I've broken the query ranges up, thinking they were too long of a "px" range, but no luck. I also looked into "flex" display, but I'm a beginner and don't quite understand how to implement that in Squarespace CSS. 

Can someone take a look and let me know what I'm doing wrong?

site password - ChesHeart20*

Screen Shot 2020-08-05 at 11.10.57 AM.png

Screen Shot 2020-08-05 at 12.00.16 AM.png

Screen Shot 2020-08-05 at 12.00.31 AM.png

Link to comment
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...