X Button in the Menu?

Support
#1

Hi X-Support,

I have a client who has a “Make A Reservation” button in their X Header menu.

It is currently made just with a JPG image, but it would look a lot nicer if it was coded.

Is there a way to make the “Make A Reservation” button inn the header menu appear and link to /reservations/ using code not an image?

http://www.evergreen-backcountry.com/

#2

Hello There,

Thanks for writing in! Do you want something like this?

If that is the case, please do the following:
1.) Please edit your menu
2.) Remove the image you have place in the menu item
3.) Insert “Make A Reservation” in the menu item
4.) please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

#menu-item-893 a {
    padding-top: 25px;
}

#menu-item-893 a span {
    color: #ffffff;
    border-color: hsl(0,0%,100%);
    background-color: #0069b4;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
    padding: 0.579em 1.105em 0.842em;
    font-size: 19px;
}

Hope this helps. Please let us know how it goes.

#3

I played around a little and it’s perfect - thanks so much!

How can I set it so that on hover the background color dims from #0069b4 to #1a83ce?

#4

Hi There,

Please also add this CSS:

#menu-item-2324 a span:hover {
    background-color: #1a83ce;
}
#5

Perfect! Thank you all so much.

#6

You’re welcome.