Archived topic
Menu navigation
3 replies · Started by Joao on March 31, 2021
Hi, I'm trying to create a different navigation style for a client - I'm sorry but info is private for the moment but there's some similarities with this post: https://generatepress.com/forums/topic/menu-navigation/#post-1356176
What I did so far:
- I'm using an hamburger menu (set mobile menu breakpoint to 2000px).
- I created a block element and a button for phone menu bar item (I intend to duplicate it to phone and audit).
- This "button" is showing outside navigation menu in desktop view.
It looks pretty much the way it is intended.
It's when I'm dealing with mobile navigation that I'm experiencing difficulties. Is it possible to have a different look for mobile menu in generateblocks pro? Because I'm (still) using free GB and instead of text, I would like to show only icons for those entries that are outside navigation menu.
Is that possible?
Thank you in advance
J
Hi Joao,
GB pro has many wonderful features, but you don't need GB pro just for this purpose, you can actually add this CSS to hide the text on mobile:
@media (max-width: 768px) {
.inside-header .menu-bar-items .gb-button-text {
display: none;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know :)
Hello Ying,
That made it. As almost always, your (GP team) is a simple and best solution. I was focusing on unnecessary elements.
Thank you so much.
Joao
You are welcome Joao :)
Always glad to help!
