WordPress.org

Forums

Leaf
[resolved] Remove responsive menu (12 posts)

  1. tizz
    Member
    Posted 2 years ago #

    Please, theme author or someone else can tell me how to disable the responsive menu?

  2. tizz
    Member
    Posted 1 year ago #

    Nobody? I need it, because I've added search box in menu and in responsive way it's a problem. I have few items and it would looks good anyway - or better - but mostly search box it would be usable

  3. Andrew
    Forum moderator
    Posted 1 year ago #

    Hi Tizz, do you have a section in the dashboard named, "Custom CSS" or "Edit CSS"?

  4. tizz
    Member
    Posted 1 year ago #

    Sure.
    I mean, I use Leaf options for custom CSS
    But this can't be done via CSS

  5. Andrew
    Forum moderator
    Posted 1 year ago #

    In that section, can you add this code:

    .main-navigation ul {
     display: block !important;
    }
    
    #mm0 {
     display: none;
    }
  6. tizz
    Member
    Posted 1 year ago #

    Thank you, but I had already tried that way and there are two problems:
    On mobile both menu are visible, main-navigation is good, but above it there's also responsive menu as usual.
    On desktop submenu doesn't work with that rule.
    But maybe I can resolve using media queries.

  7. Andrew
    Forum moderator
    Posted 1 year ago #

    Oops I'm sorry, I meant to recommend this;

    @media all and (max-width: 480px) {
    
     .main-navigation ul {
      display: block !important;
     }
    
     #mm0 {
      display: none;
     }
    
    }

    You're absolutely right with media queries.

  8. tizz
    Member
    Posted 1 year ago #

    Problem solved for the desktop, thanks!
    But first problem remains, also responsive is visible...
    I'm missing something, I remember that once time ago I was able to make it disappear with display: none;

  9. Andrew
    Forum moderator
    Posted 1 year ago #

    You may need to add !important on the end of your #mm0 style too.
    E.g,

    #mm0 {
      display: none !important;
     }
  10. tizz
    Member
    Posted 1 year ago #

    Yeah, you're right, that's the thing!
    Thank you very much!

    Optimized in that way:

    @media all and (max-width: 800px) {
    .main-navigation ul {
    display: block !important;
    }
    #mm0, .sf-sub-indicator, .sub-menu {
    display: none !important;
    }
    }

  11. w.232101
    Member
    Posted 1 year ago #

    responsive menu thems 1.6 doesn't show send me step by stem rull for ading in wordpress

    [ email deleted, support is not offered that way ]

  12. @w.232101 Per the forum welcome please post your own topic.

    http://wordpress.org/support/theme/leaf#postform

    Please do not post your email address in these forums.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic