I have made a Hero Section Template
This Template´s shortcode is pasted in the WP editor for NON members.
I have set a Background Image in the backend. But I cannot see it in the frontend.
And it has a Container Element with CTA which I can see in the frontend.
looks good to me (as a non member):
But on mobile
I have to fiddle with positioning…
Normally not needed.
Normally I just set % and the image covers.
And the header is disturbing the hero
well yeah, that is another problem You’re using a lot of fixed heights on almost every container on almost every breakpoint, which is probably causing the issues.
Please take a look at this screen recording: https://vimeo.com/690169207/41c90fb507
I would suggest you remove every height setting on every breakpoint and start from scratch using min-height where necessary (the image container and the content container).
I have have removed the fixed heights now.
And it really looks weird with the left padding and the filling in the header.
In Bricks it looks right.
But live - terrible.
OK. Now I have (tried to removed all the fixed heights
Only thing missing is the weird left padding on mobiles.
What is best practice when I the image har to be pixel perfect as background?
Is it positioning or is it silly?
As I see it, it´s the Bricks Container with BG -image that doesent fit to the page Hero.
(Its pulling in some Membership content)