Highlighting get in Touch as a button

[tatyana_kozh]

Hello there

In the previous version of my top bar menu the GET IN TOUCH option appeared last. Now I have the Woocommerce cart in its place.

Old menu here:

Effortless Bespoke Tailoring To Impress

New Menu here:
https://tatyanakozhstg.wpengine.com/shop/

I would still like the Get in Touch to look as if it were a button with an orange square wrapped around it.

How should I amend the CSS to implement it?

Many thanks for your support!

[christian]

Hey @tatyana_kozh,

Before I provide a hint, please keep in mind that we do not offer custom coding services as part of our product support. If you need to customize the X header beyond what the Theme Options offer, please consider upgrading to Pro so you’ll have a Header Builder. Or, subscribe to our One Premium Support to receive customization guidance.

With that said, I’ll point you to the right direction but note that we will not provide support if this doesn’t work for you.

1. Add a class to your Get In Touch menu. Follow the instruction here: https://sevenspark.com/how-to/how-to-add-a-custom-class-to-a-wordpress-menu-item
2. Add CSS to Theme Options > CSS like the following:

.my-class span {
      background: orange;
}

Hope that helps and thank you for understanding.