I am building a responsive website and I want to disable the megamenus when in the mobile phone context. I have the jQuery code in my theme file, I just need to know the code for how to disable the hover behavior so the megamenus do not show. Some guidance would be appreciated. Thank you!

Comments

damienmckenna’s picture

damienmckenna
Location TN, USA
commented
Component: Code » Documentation

Could you just use some targeted CSS to hide everything?

capellic’s picture

capellic
he/him/his
Location Austin, Texas
commented

Putting this CSS code in for the mobile context got the job done:

.qtip-content *[class*='menu-minipanel-'] {
	display: none !important;
}