Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to Responsive columns

Featured Lock Resolved Issue
Hi guys,
many thanks for this Blog Article, but it missing to mention a way to:

I have a lot of "4 columns" rows on my SPPB Page.
When I move to tablet view are shown directly into 1 column per row, while should be:

- Desktop 4 columns row
- Tablet, splittet into 2 columns (2) rows
- and only in the Mobile view, into 1 column per row (4)

Please, How to set a it ?

11 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
yes, we had short info about it in our blog post, look again at the bottom.
Indeed you have to check columns Options > Responsive > Tablet and Mobile Layout

if we talk about front-end edition.

Pavel

More than a month ago #Permalink
Hi.
http://dl3.joxi.net/drive/2018/05/16/0008/0401/545169/69/68f872ff76.png

joomleb

More than a month ago #Permalink
Hi guys,
thank you very much, it works very well.

Just a small issue, Some column height depend on its content (see the image), so the switching the columns from 4 to 2 happen that are not vertically aligned anymore (see the video in the images).

Please, Do you have any tips & tricks to have column always vertically aligned ?

Attachments (2)

  • 2018-05-16-desktop.png
    2018-05-16-desktop.png 482.2 KB
  • 2018-05-16-tablet.png
    2018-05-16-tablet.png 375.3 KB

Paul Frankowski - Staff

More than a month ago #Permalink
For example, you can set min-height for text (description block) but it must be done for each popular resolution.

joomleb

More than a month ago #Permalink
Hi Paul,
for each popular resolution

Do you have any links where I can read and study them to put me on the right way ?

Andrew Kollath

More than a month ago #Permalink
Dear Team,
I don't have this kind of option for tablet and mobile layout:
no-tablet-and-mobile-layout.png
How can I get this kind of settings?
Thanks and regards, Andrew

Attachments (1)

  • no-tablet-and-mobile-layout.png
    no-tablet-and-mobile-layout.png 8.6 KB

Pavel

More than a month ago #Permalink
This is not in the section settings. This is in the column settings
http://dl3.joxi.net/drive/2018/12/05/0008/0401/545169/69/19fb7a04a3.png

Paul Frankowski - Staff

More than a month ago #Permalink
Row =/= Column

Topic was "How to Responsive columns" , not Rows.

Thanks Pavel

Andrew Kollath

More than a month ago #Permalink
Perfect answer. That was what I need. Works! Thanks, thanks, thanks! :) Andrew


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 129
Toufiq

Toufiq

Total Accepted Answers: 100
Sifat

Sifat

Total Accepted Answers: 63
RV

RAFFAELE VIOLA

Total Accepted Answers: 2
B

blueoceanyyc

Total Accepted Answers: 1

116

Templates

299707

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us