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

Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 22, 2019 at 4:39 am #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

    December 23, 2019 at 10:59 am #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; }`

    December 23, 2019 at 2:35 pm #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

    April 17, 2020 at 11:25 am #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

    April 22, 2020 at 10:40 am #9392
    admin
    Keymaster

    Hi Johan,

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

    June 27, 2020 at 5:38 pm #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

    June 29, 2020 at 9:46 am #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?

    June 29, 2020 at 10:34 am #10425
    geniusmediamkg
    Participant
    This reply has been marked as private.
    June 30, 2020 at 9:30 am #10458
    admin
    Keymaster

    Hi!

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

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

    July 24, 2020 at 12:56 pm #10624
    lior barkai
    Participant

    .mm-navbar {
    display:none;
    }

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