Okay
  Public Ticket #1797214
Highlight navigation button
Closed

Comments

  •  5
    Calin started the conversation

    Hey,

    I want to include a 'Request a quote' button in the top nav but i want it to be visually highlighted. Is there a class i can add to it that would do that? Or is there an option to do this in the menu settings?

    Thanks

  • [deleted] replied

    Hi Calin,

    To do something like that first you must add a class to your menu item, to learn how you can do that please see this video.

    Then you can go to Custom CSS area and style that button.

    Here is an example that we used for the Restaurant demo:

    /* Menu: Special button */
    @media screen and (min-width: 768px) {
        .special-menu-button a{
            -webkit-box-shadow: 0 10px 30px 3px rgba(0,0,0,0.08);
            box-shadow: 0 10px 30px 3px rgba(0,0,0,0.08);
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 40px;
            padding: 4px 15px;
            background: #d09e5b;
            color: #fff !important;
            margin-left: -15px;
        }
        .special-menu-button a:after {
            background-color: transparent !important;
        }
    }

    But you can use your own style to design that button differently.

    Have a great day!