Change mobile site title in header

[martian7]

hello, i would like to have a shorter version of the site title load on mobile devices.

how can i basically hide the word BRYANBAUM on mobiles?

see attached image.
heres the website: http://abwweb.org

thanks!

[Prasant]

Hello @martian7,

Thanks for asking.

Please add following CSS under X > Launch > Options > CSS to hide BRYANBAUM word when viewing website on mobiles:

@media only screen and (max-width: 500px) {a.x-brand.text span {display: none;}}

Thanks.

[martian7]

awesome thanks so much.

is it possible to make the text: WILTZE gold colored? #c89e56

i see the text shares the same span style, is there a way?

[ruenel]

Hello There,

You will have to update your JS code into this:

jQuery(".x-brand.text").html('Adam <span class="bryanbaum" style="color: #c89e56;"> Bryanbaum</span> <span class="wiltzie">Wiltzie</span>');

And then you will need to update the css code into this:

@media only screen and (max-width: 500px) {
	a.x-brand.text .bryanbaum {
		display: none;
	}

	a.x-brand.text .wiltzie {
		color: #c89e56;
	}
}

We would loved to know if this has work for you. Thank you.

[martian7]

works like a charm, thanks so much for the great support.

[nabeel]

Glad we could help.

Cheers!