Archived topic
Mobile Menu Link Button Styling
4 replies · Started by Danny on April 14, 2019
Hello, I would like to style my mobile menu link to match the desktop. What CSS will accomplish this? I am using the slide-out menu in GP 1.8 Beta.
Hi there,
Not sure if I understand.
The desktop currently has white border. Wouldn't that make it invisible for the off-canvas navigation?
I am using two separate menus. The link with the white border is for the main menu. I am using a separate menu with this styling for the off-canvas menu:
@media (min-width:769px) {
.main-navigation .main-nav ul li.nav-button2 a {
background-color: transparent !important;
border: 2px solid #00c4ad;
color: #000033 !important;
padding-left: 20px;
padding-right: 20px;
padding-top: 0;
padding-bottom: 0;
border-radius: 5px;
margin-left: 16px;
margin-right: 16px;
margin-top: 0%;
font-size: 14px;
letter-spacing: 1px;
}}
I figured it out, thanks
No problem :)
