Archived topic
How can I change the menu settings for mobile/tablet only?
5 replies · Started by roy on March 19, 2021
Hi, please take a look at my site in mobile view. I would like to remove the search bar and the text "menu" so that the menu icon is on the right of the logo. The 2nd website I linked is what I'm after. How can I go about doing this?
Hi Roy,
You can remove the menu label at Customizing > Layout > Primary Navigation > Mobile Menu Label.
To remove the search icon:
@media (max-width: 768px) {
.menu-bar-items .search-item {
display: none;
}
}To bring them to the same row, you could activate the mobile header.
https://docs.generatepress.com/article/mobile-header/
Hi, I would like to remove the word "Menu" as well, do you think that would make enough room up top?
Have you tried the all 3 steps in my last reply?
Let me know :)
Ying, it's been a long day :). Thank you for your help!!
You are welcome :)
Take a break and enjoy your weekend!
