Text Logo on Mobile Size

modus · February 2019

Hi,

How do I change the size of the the text logo on mobile devices?

I tried adding this, but it doesn't work. It works in the browser inspector though.

@media only screen and (max-width: 959px) and (min-width: 768px)

h1, .text-logo #logo {

font-size: 15px !important;

line-height: 43px !important;

letter-spacing: 0px !important;

}

Pablo · February 2019

Hi,

Your website does not have logo.

Turn it on and I'll be able to help you.

Thanks

modus · February 2019

I'm sorry. It's just text in place of a logo. So there is no image.

Thanks

Pablo · February 2019

Do you need some further help?

Thanks

modus · February 2019

Yes. I forgot the homepage is using slider revolution for the logo. It's all the other pages I need help with.

Check out this page

Here's a screenshot.

I'm trying to use CSS to adjust "Dr. Bruce Campbell Jr." so it all fits on one line.

Thanks!

Pablo · February 2019

Paste this CSS into the Theme Options > Custom CSS & JS > CSS

@media (max-width:767px){
	#Top_bar .text-logo #logo{
		font-size:16px !important; 
	}
}

Thanks

modus · February 2019

Perfect.

Thanks!!!

Comments