Streaming live at 10am (PST)

Scroll down icon to stay visible within 1st section


#1

I have a scroll down icon on my homepage (scroll down transition isn't set just yet but the icon is being displayed). However, at a certain point, when the browser gets rather small (height-wise), it starts be eaten up by the browser. I may be being nit picky with this but I need to know what is keeping the icon from staying in the viewport no matter the shrinking of the browser.... ? Please help, I am making progress on this site and need to continue the momentum.


Here is my public share link: https://preview.webflow.com/preview/david-stoltz?preview=74ceede9575819b0811e934d701f3989
(how to access public share link)


#2

And you're right to be. Neat designs are fine tuned designs, and persistence of behaviors across all screens heights is one of the most difficult aspect of modern web design.

Part of the solution could be to make the content block stick to the bottom

But when screen shrinks too much you'll lose info by the top of the viewport

BUT let's consider a 13" laptop with quite some narrow height, 800px max, and you get that result

So I think you're good if you do that.


#3

Thank you!! You're right. So I put the arrow on its own div and stuck it to the bottom.

The only thing now is that the arrow icon seems to go over the text above it when the browser resizes at a certain small size.

I'm not sure why its behaving that way but I think it will work as is.

If you know why its doing this i'd love to know!

I'm going to layout the rest of the page. Thank you for your help!!

-Ariel

https://preview.webflow.com/preview/david-stoltz?preview=928bcbc8ac691e84d70807e34fb9fe8b


#4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.