How to set up for logo and text in header?

Support
#1

I have tried to look in the forums, and I have searched online. All I have been able to find it old solution, and they only take you half the way.

What do I nee to do in order to have both a logo and header text in the main header, on all the sides?
Not only on the frontpage.

#2

Hey there,

Please use a logo image on Theme Options Header and add the following code to Theme Options CSS and add your text to replace some company slogan here!

a.x-brand.img:after {
	content: "some company slogan here!";
	font-size: .4em;
	vertical-align: middle;
	width: 135px;
	margin-left: 8px;
	float: right;
}

Hope it helps!

#3

This code worked for me however, this code is making it appear to the right of the logo - I wanted the slogan to directly appear underneath the logo, AND, if possible assign a different font. I’m using the ethos stack.

#4

Hi @RickHerro,

First, thank you for continued support. I can see you do have a lot of licenses, so I am not sure which one has this issues.
For now, you can try using this updated code:

a.x-brand.img:after {
    content: "some company slogan here!";
    font-size: .4em;
    vertical-align: middle;
    width: 135px;
    margin-left: 8px;
    letter-spacing: .2em;
    font-family: "Montserrat",sans-serif;
    position: absolute;
    left: 0;
    top: 81%;
}

Feel free to adjust the values accordingly to achieve desired effect. In case this doesn’t solve the issue, please open a new thread instead and give all the details there including site URL in question. Thank you.