Hi ramsey1971,
To resolve this issue, you can try the following options:
Solution 1: Add a custom class to the Menu > Contact > Link type tab
And add the following CSS to Template styles > UKP > Tools > Custom CSS:
.menu-btn.nav-link > span {
background: #000;
padding: 3px 12px;
line-height: 20px;
color: #fff;
border-radius: 3px;
}
Solution 2: Add the Custom module with the following HTML to the header-r position.
<a href="/index.php/contact-and-appointments" class="btn-primary menu-btn nav-link" itemprop="url"><span itemprop="name"><span class="menu-item-title">Contact </span></span></a>
And the following CSS to your site:
.t4-header-r .menu-btn.nav-link {
background: #000;
padding: 7px 12px;
border-radius: 4px;
color: #fff;
font-size: 15px;
}
Note, that I have helped you create the Custom module.