So my site has a slideshow and a hero header which appears as an overlay on the slideshow.
The code looks like this:
padding: 0 $gutter-site $height-action-bar;
I want the overlay text to be on top of the slideshow, so when I change vertical-align: bottom; to vertical-align: top; the text overlay appears behind my website header.
What can I change or add to make sure the text overlay never goes past my website header?
Please provide website url and if your store is password protected then also provide password
You can try with this snippet:
Hope this helps.