General Navigation Bug on Tablets T3/T4

kirbyzz

Hi,

I have a general Navigation Bug on different sites.

T3 / T4 extenden Desktop Navigation - Heavy Bug on Tablets

If i open a Joomla 3 site with T3 or a Joomla 4 Site with T4 on Tablets >> i show the Extended Navigation
(not the Burger Menu, because Resolutions for Tablets are now great enough to show the whole site.)

In the extended / normal Mainnav i have the problems with second level points:

I klick on the 1st-Level Point and it should show me the second-Level Navpoints.
But ínstead it loads the site of that 1st-Level Point, but it doen´t show the Submenu-Points!

see attachment jpg to that request !

If i touch on the First-LevelPoint and press my finger a little bit longer on the screen on that Point-Position, Ipads show some of there own system Menus, but not the desired T-Submenu is shown. I can´t reach the Submenu!

If you put the finger on the 1st Level Point a little bit shorter > sometimes you can reach the Submenu, but that´s really a gambling for the user to force the T3/T4 Menu to show the Submenu points. A Web-Navigation should work and should be no gambliing to reach some Points. The most user will stuck on that and will never reach any Submenupoint !!.... That´s a really very bad bug and mobile is more and more important.

I think this it is a really old bug, because i have it on a very old T3 Website and also in a completly new T4 Website with exactly the same behavoiur.

I have the same Bug on the old Joomla 3 / T3 Website - Test it on Tablet and try to get to the SubNavpoints - Link here:
https://www.gsp-berlin.de/de/

& i have exactly the same Bug on brandnew Joomla 4 / T4 - Link here:
https://www.diakoniespandau.de/00-Joomla4/

The Navigation should react like, for examplethe, the old Joomla Superfish menu does - this on does the right job. If you want to test - take a look @ a older Joomla 3 Site with that menu - you touch the navpoint an the Submenu is shown - normal behaviour - Test Link here:

https://www.diakoniespandau.de/

Is there any option in T4-Framework I didn´t set?
I really looked over erverything, but didn´t find any option or solution.

--------- Mobile Nav - Little Bug --------

Another Point is the Joomla 4 / T4 Menu Mobilemneu in OffCanvas - there are classes missing - "current" for in the first level-points.

the first Bug is that the first Point in 1stLevel always stays current/active.
the second Bug ist that if you are on a Sublevelpoint-Site and open the Mobilemenu again, the First-LevelPoint before that Sublevelpoint has no class to set it to current or active, but the Submenupoint stays correct active.

This Bug is not so wild, because the Mobile Menu works, bu if you check all current or active States for Points, you will see that there are classes missing/not set for the 1st-Level.

Your Framework is really great, but with that several Bugproblems in the Navigation it is Dektop ready, but never Mobile Ready. Please take a look at it. The Navigation Behaviour for Mobile is really important, because more and more people are using mobile...

Thank You
Fabian

saguaros

Hi Fabian,

Thanks for your detailed explanation. Could you tell me the name of the device you tested and its dimension so I can check at my end?

T3/T4 are built with Bootstrap (version 3+4+5) and it will depend on the breakpoints settings in template so it show the burger menu in corresponding screen size.

Regards

kirbyzz

Hi Saguaros,

I testet on small Phone 12. On my mobile Phone Glaxy S9 the Resolution is small enough to display the Burger.

Of yourse i can switdh the Burger-Nav or Expanded-Nav. Currently i set it in the custom CSS via "display!important;" and CSS-Breakpoints.

But the Expanded-Nav is really nice, so i would to have it on Devices at the Breakpoint 992px. This is a fine Resolution for for Tablets.

Currently i could set the Burger-Nav / Extended to one Breakpoint later - to 992px /1200px. But I´m sure there are Tablets with Full-HD Resolution. I don´t want the Burger-Nav on large Screens.

A other resolution is to replace the whole T4-Framework Menu wit a other Plugin (DJ-Megamenu or old SuperfishMenu), but your Framework is really very cool and is very good styleable. I want to keep it, love to work it and want to thank you for your cool piece of work.

Question:
Is there a way to force the Burger Menu only be displayed always on mobile or Tablet devices but not on normal Desktop-Computers? I think it´s possible with Javascript, but not really sure.

In your Framework is the Option to display always both - the Eypanded and the Burger, but i want only one Navigation at one time.

You have it already in T4 - The Mobile-OffCAnvas Nav makes exactly what it should be.
You touch with on finger on a First-Level Point and the Sublevels appear. Can you make exactly that for the Expanded-Nav in on of the next updates? This would be great.

Thank You
Fabian

saguaros

kirbyzz I've shared with T4 team for further checking. Thanks for your input!