Two modules in the same position - Forum | JoomShaper
Awaiting an answer Helix Framework

Two modules in the same position

Asked by Christoph Lammel 3 years ago Last activity 3 years ago

I am upgrading a website from Joomla 3 (Helix Ultimate 2.0.7) to Joomla 4 (Helix Ultimate 2.0.11) on a test server.
Under J3 I placed two modules in the same module position ("feature") side by side with css (#sp-feature .sp-column {display: flex; flex-flow: row wrap; justify-content: center;}. Works great.
It doesn't work under J4 and Helix Ultimate 2.0.11. The second module is placed outside the "sp-feature" div.
Is this a bug? Or am I doing something wrong.

The source code looks like this:

Jommla 3 and Helix Ultimate 2.0.7
<div class="row">
<div id="sp-feature" class="col-lg-12 ">
<div class="sp-column">
<div class="sp-module offset ">...</div>
<div class="sp-module offset ">...</div>
</div>
</div>
</div>

Joomla 4 and Helix Ultimate 2.0.11
<div class="row">
<div id="sp-feature" class="col-lg-12 ">
<div class="sp-column">
<div class="sp-module ">...</div>
</div>
</div>
<div class="sp-module ">...</div>
</div>

I look forward to an answer and maybe even a solution to the problem.

13 replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

Christoph Lammel Asked this

Sorry but how can I do this?

Christoph Lammel Asked this

Okay, find a solution to show the screenshots:



Christoph Lammel Asked this

Okay, this is what it looks like in Joomla 3 with Helium Ultimate 2.0.7:

And so under Joomla 4 with Helix Ultimate 2.0.11:

The problem is that on Joomla 4 and Helix Ultimate 2.0.11 the two modules (sp-module) are not included in the same div container even though both are assigned the same position on the same page.

Mehtaz Afsana Borsha Staff

Give me a screenshot of that please.

Christoph Lammel Asked this

Next try:
this is what it looks like in Joomla 3 with Helium Ultimate 2.0.7:
Code:
http://www.sport.med.tum.de.devweb.mwn.de/images/screenshots/Joomla-3-helix-ultimate-207-code.png
Frontend:
http://www.sport.med.tum.de.devweb.mwn.de/images/screenshots/Joomla-3-helix-ultimate-207-screen.png

And so under Joomla 4 with Helix Ultimate 2.0.11:
Code:
http://www.sport.med.tum.de.devweb.mwn.de/images/screenshots/Joomla-4-helix-ultimate-2011-code.png
Frontend:
http://www.sport.med.tum.de.devweb.mwn.de/images/screenshots/Joomla-4-helix-ultimate-2011-screen.png

The problem is that on Joomla 4 and Helix Ultimate 2.0.11 the two modules (sp-module) are not included in the same div container even though both are assigned the same position on the same page.

Mehtaz Afsana Borsha Staff

Give me your site URL please.

Mehtaz Afsana Borsha Staff

Hi

Use this custom CSS

.mod-article-single.single.mod-article-single__offset .item__module{
    max-width: unset !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

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.

Log in to reply.