Overlapping of modules in phone - Forum | JoomShaper
Solved SP Page Builder

Overlapping of modules in phone

Asked by Marco Vincoli 4 years ago Last activity 4 years ago

Hello,

I'm trying to upgrade my site to Joomla! 4 using Joomshaper Pro.
In homepage I realised a first section with two columns, in the left "image layout", in the right "feature box" (3 rows) and a subsection with "accordion") .

In the second row there is a "button list".

All is right in desktop modality, but in tablet and phone modality the section "button list" is superposed to accordion.
I tried to set padding and margin to all the section, without results.
I've inserted a background red and yellow to both sections for the only purpose of highlighting their extent.
By removing background and setting margins the accordion menu is visible but unusable, because it is covered by the next section anyway.

Joomla! 4.1.5, Helix Framework, Joomshaper Pro 3.8

Accepted answer

Marked as the solution
Marco Vincoli Asked this
4 years ago

I think I solved it:
In section style I selected the parameter "Windows height" (instead of "height"), posing "minimum height" 0, maximum height 160 px.

9 more replies

Oldest first Newest first Most helpful
Anne Staff
4 years ago

Hello Marco,

Thanks for contacting us. We are glad that you have solved it.

-Regards

Marco Vincoli Asked this
4 years ago

Hello Anne,

I'm sorry, but I have to reopen the ticket, as the problem is repeated on the next line and the same solution does'nt work.
(the row with the four flipboxes overlays the previous one).
I need your help.
In general, I observe a constant and strong difference between the composition of the page in the background and the actual online rendering, both in the desktop version but especially in the small screen version.

Thank you for your support

https://www.galileivr.edu.it/galileivr4

Anne Staff
4 years ago

Hello there,

Thanks for contacting us. Can you give us a screenshot for better understanding?

-Regards

Marco Vincoli Asked this
4 years ago

Hello Anne,

I tried some other solutions. I think it's an issue of the "Accordion" addon.
Il seems to me that the only way to have a correct alignment it is to place a single accordion mode that spans the entire row (at least without touching the code).
If this were really the case, it would be a very important limitation.
However I restored the initial configuration (see the screenshots)

Have you any suggestions?

Second, when I bought SPPB Pro, a few days ago, the only I was possible downloaded only SPPB 3.8.8. From this forum I saw that it is possible to update to SPPB 4.0.x, although there are some problems. Do you recommend to upgrade?

Thank you for your support

Anne Staff
4 years ago

Hello Marco,

Please check your site now. I have attched a screenshot in the hidden content.

-Regards

Anne Staff
4 years ago

Hello Marco,

Please do not use SP Page Builder 4 directly on production sites for safety reasons. First, test it on a staging site. You can create a staging site by following this instruction:
https://www.joomshaper.com/forum/question/16053

Have a full site backup before doing any update.

-Regards

Marco Vincoli Asked this
4 years ago

Hello Anne,

Thank you for your intervention, which solved the problem.
Looking at the corrections, in the addon "Accordion" you setted "Height options" to "Height" with parameters 0, while in the other addons this option is unsetted (is there any difference?).

A big thank you for your help.

Anne Staff
4 years ago

Hello Marco ,

You are always welcome. I have just tried to adjust from the style section.

-Regards

Log in to reply.