Helix Ultimate Mobile Menu Very Small - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Helix Ultimate Mobile Menu Very Small

Edze de Boer

Edze de Boer

Helix Framework 6 months ago

Hi guys,

I keep having problems with the size of some websites on mobile. Now I just started with the Joomla 5 version of www.gpmusic.nl/joomla5

There is a big difference between top bar and mobile menu of this gpmusic.nl/joomla5 and www.beautifullylocked.com

Both are based on Joomla 5 and Helix Ultimate template.

Can you explain me where to find a manual for this?

Kind regards, Edze

0
9 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 6 months ago #190658

Hi,

Thanks for reaching out to us.

Please, use this css in this domain www.gpmusic.nl/joomla5, in your custom css:

.offcanvas-menu.center-alignment .offcanvas-inner {
    text-align: left;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info {
    margin-top: 0;
    display: flex;
    flex-direction: column;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info li a {
    font-size: 16px;
}

Thanks

0
Edze de Boer
Edze de Boer
Accepted Answer
6 months ago #190761

Hi Ziaul,

Thank you for your kind answer. But I think it should not be that difficult...

I created a new website: www.edzedeboer.nl/multilanguage Using Joomla 5.3.0 and Helix Ultimate template.

I followed your manual: www.joomshaper.com/blog/how-to-create-a-multilingual-site-in-joomla-4-using-helix-ultimate , until and including Step 9.

This new website looks nice on wide screen and also on mobile phone. On mobile the top-bar and mobile Menu look fine, not too small.

However!! Another question arises....

In the mobile menu, I see the links: Home, ENGLISH and Contact - EN. I made the link Contact - EN only to check if it is all functioning well.

Why is there Home in the mobile menu? See attachment. https://app.screencast.com/a1v518fRkC4Jf

And why should we use the Selections in the tab Menu Assignment of the shaper_helixultimate - ENGLISH and NEDERLANDS template styles?

I checked the selection ENGLISH, like it said in the manual. See attachment. https://app.screencast.com/2QQMLQ5LVit5R

But after adding the Contact - EN I did not check the new item Contact - EN and still the menus are working fine.

Kind regards, Edze

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 6 months ago #190807

Kindly ensure your multilingual settings are correctly configured. Create a dedicated menu for each language, and in the Site Modules, assign a separate Offcanvas menu to each language accordingly.

Thank you!

0
Edze de Boer
Edze de Boer
Accepted Answer
6 months ago #190794

Hi,

Again, I created a new website, as clean as possible: www.gpmusic.nl/joo53x I used Joomla 5.3.0 and Helix Ultimate 2.1.2 This website shows the same mistake. The top-bar is very small and the mobile menu also is still very small. Even after I placed your CSS code in the custom.css file: templates/shaper_helixultimate/css/custom.css

I also placed this code in Template Options - Custom Code - Custom CSS

Nothing has changed. Why is, for example, www.villamarysol.eu without these errors? Older websites use Helix Ultimate 2.1.1 and others use 2.1.2. Most of them are fine.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 6 months ago #190806

Hello,

In your home page, there is no content, thats why you see mobile menu is small, Design your home page, Then check.

I have added more padding on your topbar. Now, Looks good.

Thanks

0
Edze de Boer
Edze de Boer
Accepted Answer
6 months ago #190935

Hi Ziaul,

So you changed something on the test website www.gpmusic.nl/joo53x ? I have added some Lorem Ipsum text in the Featured article on the homepage and I still don't see any difference in top-bar and menu on mobile phone.

The live website www.gpmusic.nl also looks very small top-bar and mobile menu on my mobile phone.

Both websites use Helix Ultimate 2.1.2

The live website is still Joomla 3. That is precisely why I have to build a new website. There are not many items in the webshop, so not a lot of work.

The test website is a Joomla 5.3.0 site. Both on the same server with PHP 8.2.7

This is a very strange and stubborn problem.....

I have built about 100 websites so far, all with the same hosting company. The only difference is that they spread the websites between several servers, which has to do with load balance between their servers. Could the cause be a difference between PHP versions?

Kind regards, Edze

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 6 months ago #190937

Could you please add some screenshots of the issues you’re seeing? On my end, the site https://www.gpmusic.nl/joo53x/ appears small on mobile, which seems to be related to the font size and logo height.

Screenshots will help me understand the problem more clearly and assist you better.

Thanks!

0
Edze de Boer
Edze de Boer
Accepted Answer
6 months ago #190995

Hi Ziaul,

Before you start reading the details in Hidden Content, please your attention to the following:

A friend of mine has a Samsung Galaxy S21 with Android 12: no problems

I have a Samsung Galaxy S22 with Android 14: problem, text too small, mobile menu too small. Also the text of the Policy Notification bar at the bottom is too small. Actually, everything is too small, including the font of the featured article on gpmusic.nl/joo53x Only for gpmusic.nl (Joomla 3.10.12) and gpmusic.nl/joo53x (Joomla 5.3.0)

Other websites are ok, like beautifullylocked.com (Joomla 5.2.5)

The problem is in Google Chrome on Android 14. Mozilla Firefox on my Samsung S22 shows the websites in perfect condition.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 6 months ago #191039

Hi,

Please check now — I’ve made some adjustments to the CSS. I hope this resolves the issue.

Thanks,

0