Add Button at Header - by Maicon - on WordPress WooCommerce support

This topic has 5 replies, 2 voices, and was last updated 4 years, 7 months ago ago by Rose Tyler

  • Avatar: Maicon
    Maicon
    Participant
    August 13, 2019 at 23:21

    Hi! I am trying to add a link button at header (right side of menu), but I can’t find a way to do it.
    There is some easy way to do this?

    https://prnt.sc/osb7z5
    https://prnt.sc/osb86w

    Thank you

    4 Answers
    Avatar: Maicon
    Maicon
    Participant
    August 14, 2019 at 00:19

    I found a custom header using static block.. but it is a little bit hard to make it the same as the theme`s menu and also when I scroll the menu is not the same.. =/

    If there is an easier way to accomplish this, I will appreciate..

    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 14, 2019 at 07:13

    Hello,

    You can use custom CSS code to change the style of the last menu item. For example, add this code in Theme Options > Custom CSS:

    .header-wrapper .menu > li:last-child,
    .fixed-header .menu > li:last-child {
        background-color: #a8cf45;
        border-radius: 10px;
        margin-left: 35px;
    }
    .header-wrapper .menu > li:last-child a,
    .fixed-header .menu > li:last-child a {
        color: white;
        padding: 20px 10px;
    }
    .header-wrapper .menu > li:last-child a:hover,
    .fixed-header .menu > li:last-child a:hover {
        color: white !important;
    }

    http://prntscr.com/oseyh0

    Regards

    Avatar: Maicon
    Maicon
    Participant
    August 14, 2019 at 17:21

    Yes! It is working nicely! Thank you!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 15, 2019 at 07:00

    You’re welcome!

    Regards

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Add Button at Header’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.