Sub-menu not appearing in mobile phone Topic is solved

[mawia]

The sub-menu (dropdown menu) on my site https://trcollege.edu.in/ cannot appear when browsing from mobile phone and tablets. In the menu item type I set it as 'Url' with link '#' but these menus are not responsive to touch on mobile phones. So all the sub-menu or drop down menus cannot be accessed.

Everything is ok on desktop. The site is using joomla 4.3.1 and T4 blank bs5. And when I enabled off-canvas in the template the hamberger menu appears but onle blank. Can anyone help me.

[xfsgpr]

You need to post a screenshot of what you are seeing. I am seeing this on my desktop minimized to resemble a mobile phone:

[mawia]

Thanks for responding. On mobile phone and tablet the menus with submenus are not expanding the drop down menus, nothing happens when touched.

[Pavel-ww]

Thanks for responding. On mobile phone and tablet the menus with submenus are not expanding the drop down menus, nothing happens when touched.

Hi. Turn OFF any caching, compression and clean the cache of these options, the Joomla cache and the cache of your browser. Then check. When editing the site, all these things should always be OFF. After you finish editing, clean the cache and turn on these options again.

If the problem remains and you want to get help on the forum, turn off all these options so that we can explore the code of your site, until the problem is resolved.

The main rule is - if you ask a question on the forum and provide a link, always turn off any caching and compression.

[Per Yngve Berg]

In the menu item type I set it as 'Url' with link '#' but these menus are not responsive to touch on mobile phones. So all the sub-menu or drop down menus cannot be accessed.

This was a hack in J3.x and does not work in J4.x. There are menu item types for this "Divider" and "Separater ".

[mawia]

I have disabled system cache and Gzip page compression. I also played around with the menu type to separator and heading. Still the sub menus don't appear in mobile phones.

[Pavel-ww]

I have disabled system cache and Gzip page compression. I also played around with the menu type to separator and heading. Still the sub menus don't appear in mobile phones.

Hi. Your mobile menu works very strangely. The sub items are opened when the hover over on parent item. Moreover, this is implemented through JS. You can check this by using responsive testing in the dev tools.

1.jpg

--
But there is no mouse cursor on the mobile, so it does not work there. On mobile, this should work via ON CLICK event, but not via MOUSOVER event (on hidden.bs.dropdown - custom event from developers in your case).

I believe that the mobile menu has bugs from developers, so you should contact to T4 support for clarification.
Or you can fix it yourself if you have javascript skills
--

For moderators. I think this question refers to templates but not Joomla.

[mawia]

Thank you for replying. In T4 BS5 template there are two options to show the menu (with hamburger menu) on mobile phone/tablet, one is by enabling 'show on small screen' the other is by enabling 'off canvas' in the template styles. I used the former but since the submenu cannot appear, I made a new menu module and published it in the off-canvas module position.

Then I enabled the off-canvas option in the template styles, now the menus and sub-menus are showing without dropdown. Although the menu display is not as I like it to be, anyway this is better, now that users can access the sub menu from their phones/tablets.