▼
Streaming live at 10am (PST)

My image keeps cutting off with lower resolution

Design help Custom code
#1

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:

Desktop View
Desktop View1912×1008 99.6 KB

And here it is on my laptop:

Laptop View
Laptop View1898×1013 137 KB

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

#2

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

#3

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:

#4

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.

Static - Website
Static - Website1896×1003 136 KB

#5

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!