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

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.