Change breakpoint of columns (for mobile)

I am developing an application that depicts various metrics on the same row, similar to the example in the documentation (Streamlit).

Similar to the example provided in the documentation, the columns stack on mobile. Eventhough, it seems that two columns can easily fit on the same row on mobile. How can I prevent that the columns are stacked, when there is enough room for two or more columns on the same row? Is it possible to change the breakpoint?

Hi @remcoloof, welcome to the Streamlit community!

Unfortunately, no, setting the breakpoints isnโ€™t a functionality that we currently expose. It may be the case that you could specify your own CSS, but that might lead to weird blinking artifacts. To see an example of how to write CSS using st.markdown, please see the link below:


1 Like

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