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.
Hiya Hans,
Can you clarify which Editor program you are using since there are a handful of them here. Thanks
Can you clarify which Editor program you are using since there are a handful of them here. Thanks
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
https://www.callendales.com
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.
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.
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
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
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.
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.
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
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
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:
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.
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 -->
</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
https://www.callendales.com
@ 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.
@ 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.
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
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.