Okay
  Public Ticket #1599828
How to create a button in the menu like in
Closed

Comments

  •  2
    Sabrina80 started the conversation

    hi, 

    I am trying to replicate the button in your demo theme in the menu, but I have not figured out which setting I need to make. 

    Can you help me with this please. 

    Could not find any documentation about that. 

    Thanks

    sabrina

  • [deleted] replied

    Hi Sabrina,

    We are happy to hear that you have tried the documentation before try to reach us. I will be pleased to assist you.

    To describe with words it might be complicate so i decided to record video for your case (see video).

    And then please add the code below to your Custom CSS area:

    /* Menu: Get the App Button */
    .get-the-app a {
        background: #fff;
        color: #858a99 !important;
        border-radius: 50px;
        padding: 4px 15px;
    }
    /* Menu: Get the App Button on Hover*/
    .get-the-app a:hover {
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        transition: box-shadow all 300ms;
    }
    /* Menu: Get the App Button Remove Underline */
    .get-the-app a:after {
        display: none;
    }
    /* Menu: Get the App Button Sticky Header */
    .main-header.is-sticky.sticky-fixed .get-the-app a {
        background: #2078dc;
        color: #fff !important;
    }

    Have a great day!

  •  2
    Sabrina80 replied

    Hi Ylli, always. As that is much quicker to find it in the documentation than describing that in a post. 

    Awesome. The video was excellent. I did not have the CSS class enabled. 


    Maybe you could generate an FAQ list with these kinds of questions. I know you can search in tickets, but having an FAQ area with things like that, might be easier for user to look at. 


    Thank you so much. 

    Sabrina

  • [deleted] replied

    Hi Sabrina,

    This is a nice suggestion. We will start to add things like this in our documentation soon.

    Have a great weekend!

    Will set this ticket as solved from here.