Nested Row With Colums Displayed Wrong Responsive - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Nested Row With Colums Displayed Wrong Responsive

Ralf N.

Ralf N.

SP Page Builder 3 years ago

Hi Joomshaper Team,

on this screen you will see that there is a nested row within 3 columns. All cols are set to be "sppb-col-xs-4". But they stil displayed with a width from 100%.

If i modify the CSS on the inspector it looks correct. So there is a mistake in your CSS. Can you please correct this asap? Or is there a solution i can use temporary?

System: Pagebuilder 4.01 on Joomla 4.1.5

0
12 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #78931

Hi,

Thanks for contacting us. In that case, you can use that CSS.

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

0
Ralf N.
Ralf N.
Accepted Answer
3 years ago #78944

Hi Mehtaz that is not a solution in my opinion , I just deactivated some wrong mediaquerries - and i don't know if this will occure other problems. So there need to be a global fix on your system as the function to insert nested rows with columns is just not useable at this point.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #79137

You can add those on that path which I mentioned.

0
Ralf N.
Ralf N.
Accepted Answer
3 years ago #79202

DearMethaz, are you kidding me? :-)

I am a high experienced SPb User and of course i know where to put custom.css

The Problem is another: YOUR CSS is WRONG! And it is not possible to fix it manualy as it is generated in your core functions for each #column-wrap-id_L_AnyAlphanumericNumber. I think this is located in any Less or Sass File and i don't touch corefiles!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #79380

Sorry for this inconvenience. I will inform our team about this bug.

0
Ralf N.
Ralf N.
Accepted Answer
3 years ago #84137

This is still not working after all this Updates:

The Icons should be displayed in one row with a setting from col-xs-4!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #84233

Could you please provide me your site URL again? I cant access your site.

0
Ralf N.
Ralf N.
Accepted Answer
3 years ago #84297

Attached the URL. Note: I just changed the rows to be col-xs-3 but it is till shown as col-xs-12 !

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #84458

Please create a new forum post about this issue.

0
Ralf N.
Ralf N.
Accepted Answer
3 years ago #84525

Why? It is still the same problem that cols with x value inside a nested row don't work!

0
Pavel
Pavel
Accepted Answer
3 years ago #84546

Hi Ralf.

SPPB 4 has a big number of problems with the grid system, except for those that you mentioned.

If you need a solution, use your own CSS (not bootstrap, but for example FLEX or CSS GRID) for a global construction of the grid for all devices.

Or do not use SPPB 4 until all problems are eliminated. I recommend waiting for at least the version 4.1.1. And use it in production after testing only

0
K
Kieron
Accepted Answer
3 years ago #84550

What a rediculous senario ..... I feel your pain Ralf!

0