The header of the template (containing a logo, the menu and a button) split on two different lines when used on a tablet or a smartphone instead of remaining on the same line as shown on a computer.
Joomla version 3.10.9
Template Shaper Hope latest version
My bad! Okay with the latest plugin use the latest template version. This was the solution.
HI,
Thanks for contacting us. Could you please give me a screenshot of your issue?
-Regards.
Hi,
Use this custom CSS
@media (max-width: 1200px){
#sppb-addon-1505195715248 {
position: relative;
bottom: 90px;
}
}
#offcanvas-toggler {
position: relative;
bottom: 88px;
}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.
Thank you for your support
I've cloned my site and migrated to Joomla 4 upgrading the template.
Now the custom css look like this on a smartphone
https://test.compagniadelmantello.it/ambiti/ospedali
while it was working fine in joomla 3
https://www.compagniadelmantello.it/ambiti/ospedali
Could you please advise?
Thank you for your support
Could you please take care of this issue?
This is the only problem that prevent me to complete the migration to Joomla 4
Thank you for your support.
Hello francesco1980
Apology for the inconvenience. I have removed the additional CSS and updated the template. Now, your site looks goods without the CSS. Please check and let me know if you need further help.
Best regards
I'm sorry.
Removing the css on the production site has made the situation worse.
Please reinsert the custom css to fix it.
Please note that I have cloned my site in a test enviroment to test the migration to joomla4
https://test.compagniadelmantello.it
What is the issue here? Please explain and I will fix it.
Tablet View: https://prnt.sc/bpuTos5ePKSE
Mobile View: https://prnt.sc/KLiDanchULYs
access does not work for test site.
in my modest opinion it doesn't work the same on all browser
www.compagniadelmantello.it iphone 11 vertical https://prnt.sc/yWA_2BEeh3-k
www.compagniadelmantello.it iphone 11 orizzontal https://prnt.sc/io4PcEVTTPm2
test.compagniadelmantello.it iphone 11 vertical https://prnt.sc/EALX90ddjRFG
test.compagniadelmantello.it iphone 11 orizzontal https://prnt.sc/TNYokWDEb0_W
www.compagniadelmantello.it MacBook Pro Chrome fullscreen https://prnt.sc/XcAuIyl_S3CX
www.compagniadelmantello.it MacBook Pro Chrome 3/4 screen https://prnt.sc/ax--IZrlO79F
www.compagniadelmantello.it MacBook Pro Chrome 2/4 screen https://prnt.sc/5akA-9pXpeHE
test.compagniadelmantello.it MacBook Pro Chrome fullscreen https://prnt.sc/_VA71IGzIMjk
test.compagniadelmantello.it MacBook Pro 3/4 screen https://prnt.sc/bffdWY1pQY-e
test.compagniadelmantello.it MacBook Pro 2/4 screen https://prnt.sc/ZwzdW81MHIoC
test.compagniadelmantello.it MacBook Pro 1/4 screen https://prnt.sc/bfHlGiyPOhqK
Hope I was able to show the problem after migration to Joomla 4
Please check Joomla 3 site now. Do you want me to check test.compagniadelmantello.it too? Then share it's access.
test.compagniadelmantello.it is a cloned site and has the same user.
You can access it with the same account
:)
Yes, the same access does not work. This is what I am talking about.
Sorry... may be I have changed the password after cloning the site. Now it should work.
Sorry, I have changed the plugin and messed up. Could you please create the test site again?
Don't worry Ofi Khan
I have delete the installation and cloned again from the production site.
Now I need to migrate the site from Joomla 3.9 to Joomla 4
I'll let you know when done.
:)
Hi.
I have migrated the test site to Joomla 4 and everything seems to work fine.
Honestly I don't know why this second migration attempt is giving better result than the first.
Could you please confirm that test.compagniadelmantello.it is working fine?
Yes, I can confirm. Because I have changed the plugin. So, it is working fine now.
Good day Ofi Khan
Could you explain what is the plugin you have changed and when and where you have changed it?
Yes, System - Helix3 Framework plugin. I have installed the previous version on your site. I have attached it below if you need.
Thank you Ofi.
Becuase I need to repeat the migration in the production site I need to know every change you have made to the test site in order to migrate without problems.
I was looking for this Helix3 Framework plugin in both systems and found that the version 3.0.2 is installed in both site (test and production)
www. compagniadelmantello.it https://pasteboard.co/EhyOmXL3Yqnj.png
test.compagniadelmantello.it https://pasteboard.co/KNMgZJXBzkEa.png
Could you please explain?
