Happy Halloween! Get 20% off GP Premium with the discount code: HALLOWEEN20

[Resolved] Mobile Menu Link Button Styling

Home Forums Support Mobile Menu Link Button Styling

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #868691
    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.

    Example

    GeneratePress 2.2.2
    GP Premium 1.7.8
    #868734
    Leo
    Staff
    Customer Support

    Hi there,

    Not sure if I understand.

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

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

    #868757
    Danny

    I figured it out, thanks

    #868769
    Leo
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.