Okay
  Public Ticket #1765751
Main navigation
Closed

Comments

  •  7
    Vibbio started the conversation

    How to create custom link in main navigation with different colour and maybe padding, so it looks different than other links? I mean Log In button in this case

  • [deleted] replied

    Hi Vibbio,

    This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. I will try to help you this time though

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

    Have a great day!

  •  7
    Vibbio replied

    That's fantastic. Thank you!

  • [deleted] replied

    Glad to hear that.

    l wish you a great day!

    Will set this ticket as solved from here.

    P.S: Enjoying our theme? Head over to your Downloads tab and give it 5 stars. We will love you forever

  •  7
    Vibbio replied

    I didn't enjoy it at first, but thanks to the excellent support I must say I like it more and more, hence 5 stars coming right now :D 

  • [deleted] replied

    Thank you very much for your kind words, I must admit you scared me at the beginning of your last reply

    Will set this ticket as closed from here.

    Have a great day!