Okay
  Public Ticket #2195615
Button at the header menu
Closed

Comments

  • BretonAccount started the conversation
    October 25, 2019 at 11:22am

    Hi,

    How do I change the Join the Clayton Club text into button in the header menu http://claytonhospitality.kinsta.cloud/ like the Buy button at this sitehttps://demo.kaliumtheme.com/restaurant/. I have attached the screenshot as an example of what we want to achieve.

  • [deleted] replied
    November 1, 2019 at 10:43am

    Hi Breton,

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

    Have a nice weekend!

  • peytonhayslette replied
    November 1, 2019 at 5:56pm

    Hi there. Is there a way to have the button persist next to the hamburger menu the same way that the search bar would? I'm trying to have the button be presented with the menu not-yet-opened. Thanks

  • [deleted] replied
    November 3, 2019 at 5:53pm

    Hi peytonhayslette,

    Kindly open a new ticket and post your request. We’re glad to help you in your new thread.

    Will set this ticket as solved from here.

  • support replied
    November 14, 2019 at 10:01am

    having the same query with peytonhayslette could you please send me the link for reference if this ticket has been solved. thanks