Streaming live at 10am (PST)

Basic CSS overflow and auto-width help

Hi guys,

Trying to perform a pretty basic task here.

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.


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.

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

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

Thanks again.

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:

1 Like

Awesome, good to know!