Header Doesn't Show Properly On Mobile And Tablet - Question | JoomShaper

Header Doesn't Show Properly On Mobile And Tablet

F

francesco1980

Template 1 year ago

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

1
21 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 year ago #72357

My bad! Okay with the latest plugin use the latest template version. This was the solution.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #69443

HI,

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

-Regards.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #69547

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.

0
F
francesco1980
Accepted Answer
1 year ago #71102

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

0
F
francesco1980
Accepted Answer
1 year ago #71312

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.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 year ago #71719

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

0
F
francesco1980
Accepted Answer
1 year ago #71734

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

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 year ago #71744

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.

0
F
francesco1980
Accepted Answer
1 year ago #71774

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

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 year ago #71776

Please check Joomla 3 site now. Do you want me to check test.compagniadelmantello.it too? Then share it's access.

0
F
francesco1980
Accepted Answer
1 year ago #71778

test.compagniadelmantello.it is a cloned site and has the same user. You can access it with the same account :)

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 year ago #71782

Yes, the same access does not work. This is what I am talking about.

0
F
francesco1980
Accepted Answer
1 year ago #71810

Sorry... may be I have changed the password after cloning the site. Now it should work.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 year ago #72119

Sorry, I have changed the plugin and messed up. Could you please create the test site again?

0
F
francesco1980
Accepted Answer
1 year ago #72123

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. :)

0
F
francesco1980
Accepted Answer
1 year ago #72140

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?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 year ago #72270

Yes, I can confirm. Because I have changed the plugin. So, it is working fine now.

0
F
francesco1980
Accepted Answer
1 year ago #72274

Good day Ofi Khan Could you explain what is the plugin you have changed and when and where you have changed it?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 year ago #72275

Yes, System - Helix3 Framework plugin. I have installed the previous version on your site. I have attached it below if you need.

plg_system_helix3_2.5.8.zip

0
F
francesco1980
Accepted Answer
1 year ago #72277

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?

0