[Resolved] Adding button in navigation for desktop, done. But what about styling in mobile?

Home Forums Support [Resolved] Adding button in navigation for desktop, done. But what about styling in mobile?

Home Forums Support Adding button in navigation for desktop, done. But what about styling in mobile?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1551946
    IBNU AHMAD

    Hi,

    I follow this guide: https://docs.generatepress.com/article/adding-buttons-navigation/. It work wonders for a desktop navigation.

    How do I apply the same styling for mobile?

    #1552078
    David
    Staff
    Customer Support

    Hi there,

    can you share a link to your site?
    And where do you want the button to be displayed on mobile ? Is it in the menu dropdown ?

    #1552086
    IBNU AHMAD

    Sure, sending you the link.

    #1552878
    Leo
    Staff
    Customer Support

    Give this CSS a shot:

    @media (max-width: 768px) {
        .main-navigation .main-nav ul li.nav-button a {
            display: inline-flex;
            background-color: #b3995d;
            border: 2px solid #000000;
            color: #000000;
        }
    }
    #1552905
    IBNU AHMAD

    Nice, it works!

    Thanks Leo.

    #1553113
    Leo
    Staff
    Customer Support

    No problem 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.