Streaming live at 10am (PST)

Basic CSS overflow and auto-width help


#1

Hi guys,

Trying to perform a pretty basic task here.
http://testsite123435345.webflow.com/tabs

I have a box with a row of horizontal blocks in it.
At the right hand edge of the box is a button.
As I shrink and expand my browser horizontally I want my box to shrink over my row of blocks (hiding them) without break the blocks onto a new line.
And I want my button to stay fixed at the right hand edge of the box.

See the following and simply shrink your browser horizontally. http://testsite123435345.webflow.com/tabs
I'm not sure what CSS property to use on which container. Overflow hidden, scroll, etc.

Thanks!


#2

Can you provide a troubleshooting link as well?

Also, try to set the element that these boxes are inside of to a fixed height like 100px. See how that behaves.


#3

Aha I figured it out. I resorted to using some relative/absolute positioning to simply mock the desired effect:
http://testsite123435345.webflow.com/tabs

Is my testsite URL not what you mean by a troubleshooting link?

Thanks again.


#4

The troubleshooting link lets other people go inside your Webflow project and mess with the settings inside Webflow.

Go to settings:

Enable the url to your webflow project:


#5

Awesome, good to know!


#6