Pro theme header breakpoints

Support
#1

Hey guys,

I’m using Pro and created a header with four columns to it when opened up on a desktop monitor. This is the sandbox site here: https://insiderdata360.com/new/

I’d like to have these four columns stay four columns across until it hits mobile size, and then have them display in one column.

But what’s happening is this when the viewport gets a little smaller:

What settings do I need to change to fix this?

Thanks,

Brian

#2

Hello Brian,

Thank you for the detailed information. To prevent the columns from being so small in the screen, please use Custom in the Self Flex layout settings and insert at least the minimum width in the Flex Basis for your column like in the image shown below:

Hope this helps.

#3

Looks great. Got it to work on my smaller mobile screen and laptop.

#4

You are most welcome. :slight_smile:

#5

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