Disable responsive toggle menu on hover

That won’t happen on a mobile device since there’s no mouse/hover.

When you view your site on a mobile device the links have to be touched/clicked in order for them to open up.

So removing that feature wouldn’t actually do anything since it doesn’t activate on mobile devices.

Does that make sense?

That feature actually comes from the Genesis Framework. Check out the Genesis Demo – https://demo.studiopress.com/genesis-sample/

Here is StudioPress’ link on how to disable it – https://my.studiopress.com/documentation/snippets/scripts/disable-superfish-script/

They have more on their docs pages.

You can always change the responsive setting in your theme (near the bottom) so it activates at a smaller width if you think it will be an issue….Although most people with desktop/laptops are not going to be viewing your site on a browser that small. It can only happen on a desktop/laptop, but the user would have to have their browser shrunk pretty small for it to happen.

I just had another person ask about the Superfish effect recently.

If @Eric is referring to the Media Query size, you can find that in the responsive section around line 3712 in your style.css –

@media only screen and (max-width: 800px)

If you change that width, then that means all of the responsive code inside this section will only activate whenever that width you have set is reached. So if you change it to 600px, then that means it won’t happen until the browser is 600px wide. You can also pull the responsive menu/nav code out and have it inside it’s own media query/size if you want to keep everything else functioning as is.

@danielmt2k Yeah I was talking about the CSS file, I should’ve wrote “bottom of the CSS” instead 🙂

I thought that was what you were referring to when you mentioned the “800px width” in your previous comment.