Archived topic
PageHeader in Block Padding and Shape
3 replies · Started by Kevin on July 23, 2021
I'm trying to port the theme to the new Page Header style using Blocks, I'm having some problems...
On mobile using Shape the Image appears as follows, it looks small and with Shape invisible. I wanted to either remove this Shape or make the image appear in its entirety with a title.
The other problem appears on Desktop, I can't get the content sheet to go up above Shape and Header header. In the old system of headers I used margin-top: -150px, but now this code raises the image, but makes it disappear and stay below the shape and pageheader and not over it.
I want the content to overlay the Header as in the old one:
I was able to solve the problem with relative or initial position, but either the beginning of the content or the PageHeader is unclickable. How do I make both clickable? Since both have links.
I solved it by adding z-index:auto!important! in place z-index:1;
Glad to hear you found the solution!
