Articles Add-on Not Responsive After Upgrade - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Articles Add-on Not Responsive After Upgrade

RF

Rugby Fuencarral

SP Page Builder 2 years ago

After last upgrade I have noticed that articles add-on has changed and is not reponsive anymore. Normally a 3 column articles add-on will turn in one column in mobile.

This happened beacuse the class sppb-col-4 had those attributes in your css:

@media (min-width: 768px)
.sppb-col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

But this is not happening anymore. I have a test environment where no update has been done and works fine.

Also, no gap between the article as commented in this post:

https://www.joomshaper.com/forum/question/22950

0
2 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #108268

Hi,

Plus read my today post with below CSS Mobile fix:

@media screen and (max-width: 580px) {
.sppb-col-6, .sppb-col-3, .sppb-col-4, .sppb-col-8, .sppb-col-10 {
  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.sppb-addon-articles .sppb-addon-article {padding: 0px 10px;}
}

We both have to wait for offical update 4.0.9

0
RF
Rugby Fuencarral
Accepted Answer
2 years ago #108271

Ok thanks, this works. I have added it ti my custom CSS file. I will remove it in next version.

0