Hi everyone,
My header on https://www.createyoursurprise.com/a/pf_preview?id=7e6e0294-8922-43ba-a647-45a48aa5a157 looks fine at most screen sizes, but it starts to break at screens larger than 1920x1080psx. So on 2880, Mac Pro size, the header becomes far too long.
I want to edit this with @mediascreen and px () in the CSS Code section, but this code just isn’t accepted.
How can I make this header a bit shorter on larger screens without interfering with its current size?
Image shows the screen on 15"
2 Likes
Hi @Jasper_Boonstra
This is PageFly - Free Landing Page Builder.
Please use
height: 67vw;
for the first section and remove min-height and max-height for it.
If you have any issues, please contact us via 24/7 live chat support.
Let me know if you have any questions. Cheers!
PageFly!
1 Like
Hello,
Sorry if I wasn’t complete in my description. I want the screen to look on 15" screens as it does on screens at smaller sizes (so that you can still see the while blocks below).
Your change the image as large on normal screens as it does on the 15" screens. SO it does the opposite of what I would like to do.
How can I get the image so small that I can see the white blocks at 15" screens?
Hello,
Sorry if I wasn’t complete in my description. I want the screen to look on 15" screens as it does on screens at smaller sizes (so that you can still see the while blocks below).
Your change the image as large on normal screens as it does on the 15" screens. SO it does the opposite of what I would like to do.
How can I get the image so small that I can see the white blocks at 15" screens?
