Adding a button in the header

Hi,
I have been struggling to add a button saying “Click for a free estimate” on the right side of the header. I have created a child theme and copied header.php file from the parent theme. But I don’t know where and what code to add in the file. This is my website.
http://6fe.f7b.myftpupload.com/

Thank you

Hello @harman614,

It looks like you have already resolved your issue.

Can you please confirm that?

Kind Regards, Roman.

harman614
can give me your solution? how you can add button in header menu?
Regards
P.

Hi Roman,
I did solve it. But I used change the background of the last menu item to green so that it looks like a button. But I’d still like to know how to add a button in the header.

Hello @harman614,

Please try to use the following CSS code instead of what you have now in order to style your last menu item (whatever it is) as a button, so actually it will be a button.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

#masthead nav > div > ul > li:last-child > a {
    border: 1px solid #68de80;
    padding: 12px 30px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #68de80;
}

#masthead nav > div > ul > li:last-child > a:hover {
    background-color: #68de80;
    color: #333;
}

#masthead nav > div > ul > li:last-child > a::before,
#masthead nav > div > ul > li:last-child > a::after {
    display: none;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.