Joomla article content not responsive - Forum | JoomShaper
Solved SP Page Builder

Joomla article content not responsive

Asked by Penelope Morgan 2 years ago Last activity 2 years 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

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
2 years ago

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.

1 more reply

Penelope Morgan Asked this
2 years ago

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

Log in to reply.