Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 12, 2018 at 7:00 pm #971766
    schoenundgut

    Hello, I am new in WordPress and Enfold, thank you for the great theme. I found a lot of solutions for some issues. Thank you for that.

    But know I have the following issue and can’t find a solution that works for me.

    I want to hide the hover / dropdown sub menu only on the desktop site. I don’t need it, because I have the sub menu on the left side on some pages. I need this only visible on the mobile version.

    I tried following code, this works fine, but it also hide the submenu on the mobile version:
    nav.main_menu ul.sub-menu {
    display: none!important;
    }

    Maybe there is only a small click for the issue and I am to blind for that ;-)

    Thanks in advance

    Julia

    June 12, 2018 at 10:08 pm #971913
    Jordan Shannon

    Hey schoenundgut,

    Make the following adjustment and add to quick css:

    @media only screen and (min-width: 767px)  {
nav.main_menu ul.sub-menu {
display: none!important;
}}

    This targets desktops only.

    Best regards,
    Jordan Shannon

    June 13, 2018 at 10:22 am #972181
    schoenundgut

    Hey Jordan,

    thank you, that was exactly what I wanted :)

    June 13, 2018 at 4:55 pm #972362
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hide dropdown Submenu only on desktop site’ is closed to new replies.