[Resolved] Mobile Menu Link Button Styling

[Danny]

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.

GeneratePress 2.2.2

GP Premium 1.7.8

[Leo]

Hi there,

Not sure if I understand.

The desktop currently has white border. Wouldn’t that make it invisible for the off-canvas navigation?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Danny]

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;
}}

[Danny]

I figured it out, thanks

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts