Archived topic
GPP 1.7 New Page Hero Issue
18 replies · Started by Andy on August 19, 2018
ok thanks I'll have a look into that. The odd thing is that the new element heros are taller to begin with using the same padding values, so I'd have to reduce it down to 14% then add 5px top/bottom padding using the class selector you mentioned.
Ah yes, this is due to the reduced markup on the page hero.
If you use % for padding they are calculated on the width of the parent container.
Old page headers the padding was added to the Content Container. Which you have as contained. So 1100px x 15% + 30px content padding = 195px. This remains fixed whilst the screen is larger than 1100px.
The new page hero doesnt have the content container and the padding is added to the main container which is full width. So you will notice if you resize the screen the height of the hero changes. Its actually more responsive this way.
ok thanks for the clarification. Thankfully the Page Hero padding settings has a mobile option so I can customize the padding for tablet and below too :)
You're welcome. I needed to check that for my own sanity lol.
Yes, lots of good add-ons with Page Heros ;)