Archived topic
Mobile Menu Button
1 reply · Started by Gareth on April 28, 2021
Hello :),
I am using this code to highlight a button on my header
@media (min-width:769px) {
.main-navigation .main-nav ul li.nav-button a {
background-color: #4682b4;
border: 3px solid #4682b4;
color: #ffffff;
line-height: 35px;
}
I was my mobile menu to also have a button link.
Do you have any code for this?
Thanks :)
Hi there,
1. go to Dashboard > Appearance > Elements.
2. Create a new Block Element.
3. Add a GB Buttons block and style it as such.
3.1 With the Buttons container selected in Advanced > Additional CSS Class(es) add: hide-on-desktop
4. In the Block Element Hook - select: generate_menu_bar_items
5. Set the Display Rules to Entire site.
