Page 1 of 1

CSS problem on Tablet use -> better menu for tab

Posted: Sun Oct 06, 2019 10:31 am
by mckonen
Hi, It looks like that CSS menu not working properly on tablet use: After tapping the menu title it disappears. There is no option to get menu stay visible, so what'd be the alternative to CSS menu working good with tablets (menu stays visible by one touch)?
https://l-salonki.fi

Re: CSS problem on Tablet use -> better menu for tab

Posted: Sun Oct 06, 2019 10:43 am
by Pablo
The menu seems to be working correct for me on my iPad.
Note however that touch screens do not support 'hover' effects.

As alternative you can use the 'Responsive Menu' or else:
http://wysiwygwebbuilder.com/navigation.html

Re: CSS problem on Tablet use -> better menu for tab

Posted: Sun Oct 06, 2019 5:43 pm
by mckonen
Yes can be on Ipad, but on Android Tablets (Samsung tab 6) the problem is bad, just noticed that randomly can navigate if you press the menu 'PALVELU' a little bit longer, but quick click closes the sub menu, noticed that the page reloading at the same time and that closes the sub menu, but when click on 'GALLERIA' menu, page do not load and the sub menu stays on.

Re: CSS problem on Tablet use -> better menu for tab

Posted: Sun Oct 06, 2019 8:27 pm
by Pablo
This is most likely because you have assigned a link to the main item.
So, if you click the item the some browser will follow the link and other open the submenu, because the 'click' can only trigger one action.
That is why you should never set a link for items with sub menu, this will not work on touch devices.

Re: CSS problem on Tablet use -> better menu for tab

Posted: Wed Oct 09, 2019 6:46 pm
by mckonen
Ok, that makes sense, yes there is a smart link pointing to parent page and in 'GALLERIA* pointed to child page what works have to try this. Thanks for your survey.