Hover states on mobile devices don't...

User 91713 Photo


Registered User
83 posts

I made a responsive horizontal dropdown menu in the CC Editor. It uses hover to make the flyout menu visible. That works also for the smallest screens, except that the hover states disappear quickly on a mobile device. What method(s) can you recommand to solve this problem?
The perfection isn't reached in one pass.
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Hans,

Can you clarify which Editor program you are using since there are a handful of them here. Thanks :)
User 271657 Photo


Ambassador
3,816 posts

Hans, could you post a link so we can get a look at the menu code?
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 91713 Photo


Registered User
83 posts

Hi Jo Ann and paintbrush,

I use 14.1 build 738.
The website is www.havov.net
For a device with a mouse everything works fine, but on a mobile device I need to implement an other method because on them the hover don't work.
The perfection isn't reached in one pass.
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

The menu works great on my iphone.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 38401 Photo


Senior Advisor
10,951 posts

Hans van Overbeek wrote:
Hi Jo Ann and paintbrush,

I use 14.1 build 738.
The website is www.havov.net
For a device with a mouse everything works fine, but on a mobile device I need to implement an other method because on them the hover don't work.


Ok I matched up the numbers to see that you are using the HTML Editor, thanks.
Also I am on a Samsung Galaxy S4 and I have the same issue with your menu Hans. When I click the galleries link it opens the submenu then closes the whole menu in less than a second so something is definitely not working correctly. Not that I can help, but thought I would at least tell you it's not just your phone as I can reproduce it on mine also.
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

Try this on the main menu li.
<li onmouseover="">
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 271657 Photo


Ambassador
3,816 posts

Same thing here (checked 2 different Android phones-default browsers and Chrome).
Kind of curious... if I hold the galleries button, the phone options menu opens over the sub-menu and when I click to close it, the galleries sub-menu stays open.
This </nav> tag is noted as a stray tag in your HTML:
</ul>
</nav>
</div><!-- einde sliding div -->

Don't know if it makes any difference, but it doesn't hurt to go after the easy fixes first and then see what's left.:)
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 91713 Photo


Registered User
83 posts

@ Eric. Interesting piece of code. I never used this. Can you tell me some more about this? Although I don't think it offers a solution for now, because mobile devices don't use a mouse and that is the problem I like to have a work around for.

@ paintbrush. Your are right there was an unnecessary closing tag. That is sometimes the problem with copy and paste. Fortunately it was of no influence.

In general: the menu flies out and stand for a while except the tab "galleries" because that is based on a hover state.
The perfection isn't reached in one pass.
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

Did you try mine?;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.