# Disable hover on menu

**URL:** <https://colorlibsupport.com/t/disable-hover-on-menu/10642>\
**Category:** Sparkling\
**Created:** [June 8, 2016, 11:37pm UTC](https://colorlibsupport.com/t/disable-hover-on-menu/10642 "2016-06-08T23:37:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ryanomullan](https://colorlibsupport.com/user_avatar/colorlibsupport.com/ryanomullan/32/3052_2.png) [@ryanomullan](https://colorlibsupport.com/u/ryanomullan)\
**Post date:** [June 8, 2016, 11:37pm UTC](https://colorlibsupport.com/t/disable-hover-on-menu/10642/1 "2016-06-08T23:37:06Z")

</div>

Hi guys,

I am having an issue with the menu on mobile devices. In my menu, I have submenus and I can’t access items enclosed in the dropdown. Is there a way to remove the dropdown on hover? I would prefer opening dropdowns on click.

My website can be found here: [http://www.unidosoi.com/](http://www.unidosoi.com/)

Thanks

PS: Sorry if this question has been answered and I would greatly appreciate any link that would lead me to an answer.

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [June 9, 2016, 9:47am UTC](https://colorlibsupport.com/t/disable-hover-on-menu/10642/2 "2016-06-09T09:47:45Z")

</div>

Hi @ryanomullan,

I hope you are well today and thank you for your question.

You can try using the following plugin to make the menu work on mobile devices.

> **[Responsive Menu – Create Mobile-Friendly Menu](https://wordpress.org/plugins/responsive-menu/)**
>
> Highly customisable Responsive Menu plugin with 150+ options. No coding knowledge needed to design it exactly as you want.

Best Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![ryanomullan](https://colorlibsupport.com/user_avatar/colorlibsupport.com/ryanomullan/32/3052_2.png) [@ryanomullan](https://colorlibsupport.com/u/ryanomullan)\
**Post date:** [June 9, 2016, 4:42pm UTC](https://colorlibsupport.com/t/disable-hover-on-menu/10642/3 "2016-06-09T16:42:31Z")

</div>

Thanks @Movin for the reply.  
Is there not a cleaner way than adding a plugin?  
It seems a bit like a messy work around

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [June 10, 2016, 6:47am UTC](https://colorlibsupport.com/t/disable-hover-on-menu/10642/4 "2016-06-10T06:47:25Z")

</div>

Why do you think it is a messy work around?

To disable hover on menu you have to change the code in the theme.

You can try achieving this by using the attached small plugin specially developed for you that contains some custom code that changes the code in the theme.
