Joomla Article Content Not Responsive - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Joomla Article Content Not Responsive

PM

Penelope Morgan

SP Page Builder 1 year ago

I have an article section on the homepage which displays 3 Joomla articles in 3 columns. It looks fine on a laptop but on a mobile it all squashes the 3 columns together and look bad. I was expecting them to stack one under each other on mobile but they don't.

How can I make these articles responsive so they stack one under each other on a mobile phone?

This is the website address: https://www.musig-moeriken.ch/

And a screenshot of the mobile view:

https://drive.google.com/file/d/1IBR6dUxgPSdyVZUdZi6tPoppg1m5aJH7/view?usp=sharing

0
2 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #140149

Hi Penelope,

have you changed settings in articles for mobile view?

Anyway, Please use following Custom CSS fix: 

@media screen and (max-width: 767px) {
  .sppb-col-xs-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;}
}

we will correct that in next update.

0
PM
Penelope Morgan
Accepted Answer
1 year ago #140167

Many thanks Paul.

I had not changed the settings in articles for mobile view. I ran the lastest updates for SP Page Builder the Helix Template and Joomla 4 and after that the responsiveness did not work.

Your css has fixed the issue, so many thanks.

Penny

0