Overlapping Of Modules In Phone
Marco Vincoli
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
Marco Vincoli
Accepted AnswerI think I solved it: In section style I selected the parameter "Windows height" (instead of "height"), posing "minimum height" 0, maximum height 160 px.
Anne
Accepted AnswerHello Marco,
Thanks for contacting us. We are glad that you have solved it.
-Regards
Marco Vincoli
Accepted AnswerHello 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
Anne
Accepted AnswerHello there,
Thanks for contacting us. Can you give us a screenshot for better understanding?
-Regards
Marco Vincoli
Accepted Answerhello Anne,
I link screenshot of back and frontend on wide screen and on phone. https://drive.google.com/drive/folders/1nJ_JXrrB9fcV9Ea8m43UgAaYJcLmjEPX?usp=sharing The differene between back and front in wide screen is minimal and not significant, but on phone two rows (modules) are superposed.
Thank you for your support
Marco Vincoli
Accepted AnswerHello 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
Accepted AnswerHello Marco,
Please check your site now. I have attched a screenshot in the hidden content.
-Regards
Anne
Accepted AnswerHello 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
Accepted AnswerHello 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.