Prestige Theme - Adjust height of hero / slideshow to 90% vh

Store Design
,
1

On the homepage I want to set the total size of the hero (slideshow) and header to 90%vh.

When i inspect the page in chrome, I see the below style, which after adjusting “calc(100svh…” to calc(90svh…" the page renders correctly with a 90%vh.

@supports (height: 100svh) {

.shopify-section:first-child .content-over-media–fill {

–content-over-media-height: calc(100svh - (var(–announcement-bar-height, 0px) + var(–header-height, 0px)));

}

}

When i copy this css into shopify / slideshow / custom css field, im unable to save as an error appears in red: “Online store editor session cant be published.”

Does anyone have ideas whats going on?

Thanks in advance

ss lamour.jpg
ss lamour.jpg2600×1532 349 KB

2

Hi @Bruce28

Please remove this part from your code so you can save it

.shopify-section:first-child

3

Thanks a mil Dan, much appreciate your help

4

Dan, why is this, how is the that part of code problematic?
thanks alot

5

Hi, you cannot add parent div of section into Custom CSS