I am using Elements blocks to place hero images with 1 Elements block serving 1 or so pages so there is some variety in the hero images. Positioning the page-hero h1 and the menu / logo was tough when any change meant changing the top / bottom padding values for each Elements block so I added the following css for each @media section, which seems to work.
.page-hero {
padding-top: calc(5% + 100px) !important;
padding-bottom: 10% !important;
}
Question: Is this how the Elements blocks are supposed to be used? I know the theme used 1 Elements block for the homepage, 1 for all static pages and 1 for all posts. I am wondering if there was a simpler solution using page featured image as a hero image perhaps.