Button in menu

How and where do I Add or edit this button in Menu?
Screenshot (11).png
1870 x 751 - 1M


  • Hi 
    Thanks for contacting to us.
    To add button  in menu follow the given below instruction.

    1 Go to menu >>  Screen Option >> Select css classes option css the snapshot https://prnt.sc/tl7zut.

    2 Add  custom menu , see the snapshot https://prnt.sc/tl81zf ;

    3  Again go to menu >> find the custom link menu  and  edit it and add  buynow-button  css classes option. See the snapshot https://prnt.sc/tl82su

    4 Then go to appearance >> customzier>> find the additional css box . Add the below css code inside the  box. 

    .navbar-custom .nav .buynow-button a {
        color: #000 !important;
        background-color: #ffc300;
        padding: 10px 20px;
        border-color: #ffc300;
        font-weight: 600;
        border-radius: 25px;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;

    .navbar-custom .nav .buynow-button a:hover, .navbar-custom .nav .buynow-button a:focus {
        color: #000 !important;
        background-color: #ffd71c;
        border-color: #ffd71c;

    I hope I made my point clear.
    Let me know for any confusion.

  • Worked Thanks
  • Hi 
    Glad to help you!
    If you like our Theme & Support, rate us HERE.

This discussion has been closed.