3 Columns are Displayed In 1 Single Column - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

3 Columns are Displayed In 1 Single Column

stq74

stq74

SP Page Builder 2 years ago

Good morning,

I have just updated joomla 3 to joomla 4 as well as spbb and my articles which were in 3 columns are displayed in 1 single column, the 3 column option does not work. Thanks for your help.

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

If you may correct it a little bit:

.@media screen and (min-width:  780px) {
.sppb-col-sm-4 { flex: 0 0 33.33%; max-width: 33.33%}
}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #107682

Hi,

Disable JCH_Optimize for a while, clear cache and check again.

Anyway, I need to see uncompressed CSS to help more.


In case of... this will HELP by now

@media screen and (min-width:  780px) {
.sppb-col-sm-4 {max-width: 33%;}
}

but must be loaded and used.

0
stq74
stq74
Accepted Answer
2 years ago #107683

Hi Paul,

I just disabled JCH optimizes and cleared the cache, but it's still the same. THANKS

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #107685

What SPPB version you have?

If 4.0.8 please download again(!) and reinstall, it may help.

0
stq74
stq74
Accepted Answer
2 years ago #107687

I just reinstalled version 4.0.8 and still the same.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #107700
  1. I hope you downloaded again?
  2. Can you add new Articles addon, choose this same category and 3 columns layout and compare view, please do it. Becuase on my site it works.

Please clear browser cache ! seems to be OK now.

0
stq74
stq74
Accepted Answer
2 years ago #107704

I downloaded the new one. I just placed the css and it works. THANKS

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #107705

Please clear browser cache ! seems to be OK now.

info_608_2023.jpg

Correct CSS should be loaded from that file: components/com_sppagebuilder/assets/css/sppagebuilder.css

0
stq74
stq74
Accepted Answer
2 years ago #107711

I put the css in the file you told me, it doesn't work anymore... In addition this file will not be overwritten during the update?

https://imgur.com/a/xg30bOC

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #107721

your CSS code doesn't look like mine, please .... I know it's morning but wake up !

info_610_2023.jpg

delete that line!!

0
stq74
stq74
Accepted Answer
2 years ago #107725

Ooups… Sorry it does not work… https://imgur.com/a/EfAfwgR

I have to leave, I'll be back in the evening

THANKS

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #107726

why you put dot (.) !!!!!!! before @media

!!!! wake up !!!

0
stq74
stq74
Accepted Answer
2 years ago #107893

I copied/pasted your code : https://imgur.com/a/h4SdEl0 It works now

0