Layout Issue: Modules In "Bottom1" Become Full-Width When Sidebar is Active (Missing Sppb-row-container Class) - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon!Ā Grab your deal now!
Back to the questions

Layout Issue: Modules In "Bottom1" Become Full-Width When Sidebar is Active (Missing Sppb-row-container Class)

F

federico

SP Page Builder 6 days ago

Hello,

I am experiencing a layout issue concerning SP Page Builder modules on my Joomla 5 website.

šŸ“Œ System Details Joomla Version: Joomla 5 Template: Flex (last version) Framework: Helix

I have noticed that SP Page Builder modules published in the "Bottom1" module position (or similar footer/bottom container) are displayed at 100% width instead of their predefined, contained size. This issue only occurs on pages where the "Right" column (or alternatively the "Left" column/sidebar) is active and displaying content. On pages without an active sidebar, the layout is correct. Upon further inspection, I found that the root cause is the removal of the CSS class sppb-row-container from the corresponding wrapper DIV of the module section, but only when a sidebar is present. I cannot determine why the presence of a sidebar should conditionally remove this core SP Page Builder class from an unrelated section of the layout ("Bottom1"), as this should not affect the module's structure. Could you please assist in determining why the Flex/Helix framework logic is interfering with the sppb-row-container class in the footer/bottom areas when a sidebar is active?

Thank you for your help.

0
4 Answers
Order by
Oldest Newest Votes
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 6 days ago #210198

Hello federico,

Thanks for reaching out to us.

Please, share your affected website url with me.

Thanks

0
F
federico
Accepted Answer
6 days ago #210215

ok, this is a correct page https://eco.justweb.cloud/servizi/pannelli-fotovoltaici.html and this is a incorrect page https://eco.justweb.cloud/preventivo-gratuito.html The problem is from 'LiberiĀ dagliĀ uccelliĀ infestantiĀ inĀ 4Ā mosse!' onwards

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 6 days ago #210224

Please, use this custom css will fix your issues, To add custom css, you may follow this guide: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

section#section-id-fd606d01-d874-465c-bfbc-f25211c806d5 .sppb-container-inner {
    max-width: 1290px;
    margin: 0 auto;
}

Thanks

0
F
federico
Accepted Answer
6 days ago #210264

I did it but it doesn't work. I checked the code on the screen but sppb-container-inner is also missing; I don't see it. This is what I see, that div class is the problem in my opinion. https://ibb.co/TMpcPnFp

0