Theme Responsive Classes

Support
#1

Hi,

I’d like to create a shortcode that outputs html that is responsive. For example, I’d like to output three boxes (divs) vertically that would stack on mobile devices. Is there documentation on the Pro Theme classes that do this?

Thanks.

#2

Hello Tekton,

Thanks for writing in!

If you are looking to add three custom HTML DIV and then stack them on mobile devices that you will have to use CSS media queries to make the layout changes. Here’ a thread that you can refer to get started:

To learn more about CSS media queries, please take a look at following resource:

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Thanks.

#3

Ok. Thanks. It looks like the Pro theme already does that so I was hoping to use what it already has built in instead of duplicate it.

#4

Hi Tekton,

Yes that is actually the default behavior of the ROW stack on each other.


If you want the box to be inline on Desktop view and then stack on Mobile view, then that is also the default behavior of the COLUMNS.

As long as the elements/contents you put on those columns has no syntax error (and overriding custom CSS) the COLUMNS will behave that way.

Hope it helps,
Cheers!

#5

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