Jump to content

Fixing hero image at all window sizes

Go to solution Solved by DanielChicagoCane,

Recommended Posts

Site URL: https://www.chicagocane.com/about

Second recent post here!

I'm wanting to make sure our hero image are centered properly and fixed at all screen sizes. I've tried "position: fixed !important" but it just obscures the header image comletely:1678049972_ScreenShot2022-06-16at1_57_14PM.thumb.png.c0fea5cdafbcf61a2a04194dcec996b5.png

I've also tried these parameters (this is how I've saved the website right now):

[data-section-id="628f9adc5694847784f21805"] {
    max-width: 100vw !important;margin-top: 15px !important; margin-bottom: 15px !important; margin-left: 0px !important; margin-right: 0px !important;
}

With these settings the image isn't centered properly on different width screens.

---

 

Any ideas on how to center this hero image on all screen sizes would be much appreciated!

 

 

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

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.