DanielChicagoCane Posted June 16, 2022 Share Posted June 16, 2022 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: 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
tuanphan Posted June 18, 2022 Share Posted June 18, 2022 Hi, It looks like you solved? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
DanielChicagoCane Posted June 18, 2022 Author Share Posted June 18, 2022 9 hours ago, tuanphan said: Hi, It looks like you solved? No because at different sizes it's off center: Link to comment
Solution DanielChicagoCane Posted June 22, 2022 Author Solution Share Posted June 22, 2022 Looks like I was able to get it *close* to perfect with this bit of CSS: Quote [data-section-id="628f9adc5694847784f21805"] { min-height: 22vw !important; margin-top: 100px !important; } tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment