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: menu, search, searchform
- This topic has 11 replies, 6 voices, and was last updated 2 months ago by
Marius.
- AuthorPosts
- December 22, 2019 at 4:39 am #7513
jbox123
ParticipantHi 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 #7538admin
KeymasterHi!
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 #7550jbox123
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:
April 17, 2020 at 11:25 am #9308Johan Skandevall
ParticipantHello! 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
JohanApril 22, 2020 at 10:40 am #9392admin
KeymasterHi 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 #10405geniusmediamkg
ParticipantHello
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
- This reply was modified 6 months, 3 weeks ago by
geniusmediamkg.
June 29, 2020 at 9:46 am #10423admin
KeymasterCan 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 #10425geniusmediamkg
ParticipantThis reply has been marked as private.June 30, 2020 at 9:30 am #10458admin
KeymasterHi!
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 #10624lior barkai
Participant.mm-navbar {
display:none;
} - This reply was modified 6 months, 3 weeks ago by
- AuthorPosts
- You must be logged in to reply to this topic.