Are you using the Tagline?
Could use that. If you need a 2nd line then try this Snippet
Yes I have used the tag line, I would like to add our phone number right next to the social icons.
My website is: http://www.safeswimamerica.com/
Try
.navbar-wrapper .navbar h2 {
float: right;
left: 30%;
margin-left: 20px;
margin-top: 10px;
position: relative;
text-align: right;
}
Thank you. That helped, but the position changes when the screen size changes, it moves to the left on larger screen sizes and moves to the right on smaller sizes. Is there anyway for it to stay exactly on the right side of the social icons regardless of the screen size?
The left: 30% was there to help with responsiveness as a hard-coded 20px (for example) would likely cause problems (but do try it).
Otherwise, you need to use @media blocks to deal with different viewports.
Try adding this CSS:
.social-block:before {
content: '888-555-1212';
margin-right: 20px;
display: inline-block;
}
You can add other properties, like font-size, if you want.
Oops, nevermind, I see you have it in the tagline.
