DanielChicagoCane Posted June 15, 2022 Share Posted June 15, 2022 Site URL: https://www.chicagocane.com/ Our hero image is getting covered by the header and the section below it depending on screen dimensions/layout. We uploaded it as a background so that the stripes would bleed to the edge (as is part of our brand). I'm trying to apply a min-height CSS snippet for the image but can't find the proper id for it? I'm thinking a vh of 90-100 should work. Would appreciate any advice on how to properly apply min-height to this image and other hero images on the site! Link to comment
tuanphan Posted June 16, 2022 Share Posted June 16, 2022 Add to Design > Custom CSS [data-section-id="62a1154305dc802ad92b38cb"] { min-height: 95vh !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
DanielChicagoCane Posted June 16, 2022 Author Share Posted June 16, 2022 Thanks! Could you point me to how you found that section id so I can apply to the other pages and know how to in the future? Guess I should inspect the source html and look for that id to get an id of which div or section of code the proper id comes from? 40 minutes ago, tuanphan said: Add to Design > Custom CSS [data-section-id="62a1154305dc802ad92b38cb"] { min-height: 95vh !important; } 40 minutes ago, tuanphan said: Link to comment
Solution DanielChicagoCane Posted June 16, 2022 Author Solution Share Posted June 16, 2022 51 minutes ago, tuanphan said: Add to Design > Custom CSS [data-section-id="62a1154305dc802ad92b38cb"] { min-height: 95vh !important; } This worked great although I found that for my purposes using 50vw instead of 95vh accomplished exactly what I needed! Link to comment
DanielChicagoCane Posted June 16, 2022 Author Share Posted June 16, 2022 26 minutes ago, DanielChicagoCane said: Thanks! Could you point me to how you found that section id so I can apply to the other pages and know how to in the future? Guess I should inspect the source html and look for that id to get an id of which div or section of code the proper id comes from? Nevermind I found it playing around inspecting the code. thanks! 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