My image keeps cutting off with lower resolution

Hi everyone,

I looked every where trying to find a solution, but without any luck. I am using a countdown that I cloned from here https://webflow.com/website/Project-Countdown
I added a logo to the top, and every time view this on my smaller laptop it cuts off the logo on the top. Can someone help me with this issue? I am not sure what I am missing.

Here is what it looks like on my desktop:

And here it is on my laptop:


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Here is the live website too: https://festival-of-trees-countdown.webflow.io/

Welcome to the community @TSMH!

It looks like this is caused by the position: absolute style on your .wrapper element:

image

Change this setting to position: static and it will prevent the elements from being “pushed up” into the top of the window :+1:

Hi @mikeyevin I went ahead and changed it to static, but it looks like it is still pushing the image up when I am on my laptop.

Ah it looks like you also had height: 100vh set for the wrapper element:

image

Go ahead and remove that style as well and that should fix the issue. I may have missed that when I first checked the site—my apologies!

1 Like