Menu not working properly on iPhone but OK on laptop

john.oxlade
17 Posts
john.oxlade posted this 08 July 2018

I have setup a site and everything works fine on a laptop but the accordion menu on an iPhone is dropping down the submenu items BEHIND the next top-level menu items so when you pick one of the submenu items it selects the next top-level item because it is in front.
This is the site: http://johnoxlade.com/index.php and it works fine on anything with a "large" screen but not on a phone.
Can you give me some pointers on where to look please?
I have tried making the top-level menu items shorter and that doesn't help.
Thanks
Joomla v3.8.10

I have setup a site and everything works fine on a laptop but the accordion menu on an iPhone is dropping down the submenu items BEHIND the next top-level menu items so when you pick one of the submenu items it selects the next top-level item because it is in front. This is the site: http://johnoxlade.com/index.php and it works fine on anything with a "large" screen but not on a phone. Can you give me some pointers on where to look please? I have tried making the top-level menu items shorter and that doesn't help. Thanks Joomla v3.8.10
Vote to pay developers attention to this features or issue.
3 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 09 July 2018

Hi,

Looks like you have different menus on the Home template and other templates. As the problem is visible on the Home template only and is related to the fact that the whole submenus drop-down has the absolute positioning value and it should be relative to take the space and move the other items down.

Sincerely,
Hella

Hi, Looks like you have different menus on the Home template and other templates. As the problem is visible on the Home template only and is related to the fact that the whole submenus drop-down has the `absolute` positioning value and it should be `relative` to take the space and move the other items down. Sincerely, Hella
john.oxlade
17 Posts
john.oxlade posted this 09 July 2018

Thanks for that.
It would be really nice if you could just define one style to work across every template then apply only the changes you want to the individual templates after that.
Thanks anyway.

Thanks for that. It would be really nice if you could just define one style to work across every template then apply only the changes you want to the individual templates after that. Thanks anyway.
Support Team
Support Team posted this 10 July 2018

Hi,

Actually that's how it should work. In the default theme there is the Header control that is shared on all the templates and therefore it has the same menu module. Probably you have edited the theme in some way so the Home template has another menu and maybe another header.

Sincerely,
Hella

Hi, Actually that's how it should work. In the default theme there is the Header control that is shared on all the templates and therefore it has the same menu module. Probably you have edited the theme in some way so the Home template has another menu and maybe another header. Sincerely, Hella
You must log in or register to leave comments