How can we help?

If you are looking for support for our PokaTheme, this is the place!

Home Forums PokaTheme support Hide search form in Mobile menu / Hide MENU text on phone menu

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #7513
    jbox123
    Participant

    Hi can you please help hide the search form on the nav/mobile menu. I have done it on the desktop but it keeps showing on the phone the phone menu.

    This one works for desktop: .section-header .head-menu .btn-trigger-search { display:none; }

    It would be great if you could help me remove it one the phone menu.

    Also if you know how to hide the MENU text on the phone menu i just want the nav menu and no text next to it

    #7538
    admin
    Keymaster

    Hi!

    You can hide the search in the mobile menu with the following CSS:
    `.mm-navbar .mm-search { display:none; }`

    Also in order to hide the word “Menu” add the following:
    `.trigger-mmenu>span{ display:none; } .trigger-mmenu .icon{ margin-right:0; }`

    #7550
    jbox123
    Participant

    .mm-navbar .mm-search { display:none; }I was so excited to get a response from you but when you click on the nav menu on the phone there is still a search in the mobile menu after using the css. It would be great if I could hide it. This didn’t work:

    https://ibb.co/wRTCjgp

    #9308
    Johan Skandevall
    Participant

    Hello! I tried to to this as well. Added the code:

    .mm-navbar .mm-search { display:none; }

    .trigger-mmenu>span{ display:none; } .trigger-mmenu .icon{ margin-right:0; }

    In the “Additional CSS” section in WordPress and nothing happens. What I am doing wrong here?

    BR
    Johan

    #9392
    admin
    Keymaster

    Hi Johan,

    Can you send me a link of your site with the CSS applied so I could check it?

    #10405
    geniusmediamkg
    Participant

    Hello

    I’m having the same issue.

    I’ve added the CSS

    .mm-navbar .mm-search { display:none; }

    .trigger-mmenu>span{ display:none; } .trigger-mmenu .icon{ margin-right:0; }

    Yet I still have the possibility on mobile to click on the 3 menu bars as well as the search bar.

    Could you provide some guidance on how to remove completely anything link to the menu so users do not have access to it at all?

    Thanks in advance

    #10423
    admin
    Keymaster

    Can you send me your site in a private reply so I can send you specific styles?
    You want to hide your mobile menu button, right?

    #10425
    geniusmediamkg
    Participant
    This reply has been marked as private.
    #10458
    admin
    Keymaster

    Hi!

    You can add the following in the “Additional CSS” in your Appearance menu:

    .head-menu.head-menu–s1 { display:none; }

    #10624
    lior barkai
    Participant

    .mm-navbar {
    display:none;
    }

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.