Adding "text us" clickable text next to social icons in nav bar

I would like to add clickable text next to the social icons in my nav bar. Does anyone have advice on this? It would basically be a second button without the button border. 

Thanks!

4 hours ago, Haven14 said:

I would like to add clickable text next to the social icons in my nav bar. Does anyone have advice on this? It would basically be a second button without the button border. 

Thanks!

Try this Custom Css

.header-actions-action.header-actions-action--social:after {
  content: 'text us';
  display: block;
  margin-left: 10px; 
}

My demo

If it does not work on your side, share your URL here and we can check it easier

That worked! Just how do I add a link to it to add a number to a messaging app. Like the button on this website in the banner below the nav? https://verdesalon.org/

On 7/17/2024 at 9:43 PM, Haven14 said:

That worked! Just how do I add a link to it to add a number to a messaging app. Like the button on this website in the banner below the nav? https://verdesalon.org/

Can you share your site url? Or you can enable button, then use this CSS code to remove outline around button

a.btn {
	border: none !important;
	background-color: transparent !important;
}

https://www.havenbeautyma.com/

The issue with that is I already have a button.