• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Disable responsive toggle menu on hover

Home › Community Forums › Epik Theme Support › Disable responsive toggle menu on hover

Tagged: collapse, expand, menu, responsive, toggle

  • This topic has 8 replies, 3 voices, and was last updated 5 years, 1 month ago by Eric.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 12, 2017 at 4:19 am #22194
    danielmt2k
    Customer

    Hi,

    In Epik, in mobile dimensions, the responsive submenus have a kind of auto-toggle function, that expand/collapse submenus just hovering them (in computer).

    Please, how can I get rid of this behavior? I don’t like that auto-toggle function.

    Thanks.

    December 12, 2017 at 4:34 am #22195
    danielmt2k
    Customer

    Hi again,

    A link to a video-screenshot: https://www.screencast.com/t/B4gXqcDPp

    There are no clicks with the mouse, just hovering the menu and submenus.

    Thanks.

    December 12, 2017 at 10:05 pm #22196
    Eric
    Customer

    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?


    I create awesome sites for awesome people! Contact me if interested โ€“ ericsanchez1585@gmail.com

    December 13, 2017 at 1:39 am #22197
    danielmt2k
    Customer

    Hi @Eric,

    It’s “enabled” from 800px wide, so it’s not necessary to be on a mobile device to “suffer” it.

    For example, I use to work with 2 windows on my computer’s screen, one on the left and one on the right. In this scenario I see the mobile menu.

    So… how do I disable it?

    Thanks.

    December 13, 2017 at 1:21 pm #22199
    Eric
    Customer

    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 create awesome sites for awesome people! Contact me if interested โ€“ ericsanchez1585@gmail.com

    December 13, 2017 at 5:09 pm #22204
    danielmt2k
    Customer

    Thanks Eric!! That worked.

    One question. You say “You can always change the responsive setting in your theme”. Where exactly? I haven’t found.

    Thanks again.

    December 15, 2017 at 12:42 pm #22206
    Wes
    Moderator

    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.

    December 15, 2017 at 2:06 pm #22207
    danielmt2k
    Customer

    Ok @Wes,

    I know about CSS, but I thought @eric was talking about a setting in the admin area.

    Thanks.

    December 15, 2017 at 11:14 pm #22208
    Eric
    Customer

    @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.


    I create awesome sites for awesome people! Contact me if interested โ€“ ericsanchez1585@gmail.com

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now โ†’

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us โ†’

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 ยท Appfinite ยท Built With The Genesis Framework