Mobile Site Title too large

middleagecraze · Member · Apr 4, 2014 at 1:59 pm
Copy link

Add topic to favorites
I’m using the Suits theme and my site title is being wrapped in the middle of a word. How can I use CSS to change the size of the site title?

I tried this but it didn’t work. I’m a programmer but I don’t know CSS well.
```
.mobile-theme h1.site-title {
	font-size: 25%;
}
```
The blog I need help with is: (visible only to logged in users)
timethief · Member · Apr 4, 2014 at 4:17 pm
Copy link
See here http://theme.wordpress.com/themes/features/responsive-layout/

The mobile theme is a completely different theme. Suits is a responsive layout theme. Know that responsive width means the layout adapts depending on the size of the device being used to view your site. When responsive width themes are viewed on mobiles sidebars appear below the posts in order to provide as much space as possible for reading.

Go to > Appearance > Mobile and disable the mobile theme
designsimply · Member · Apr 4, 2014 at 8:30 pm
Copy link
I’m a programmer but I don’t know CSS well.

Welcome to the CSS forums! What kinds of things are you interested in programming? (I’m just curious.) :)

How can I use CSS to change the size of the site title?

The “.mobile-theme” class selector is only needed if you are applying CSS to the separate mobile theme timethief mentioned. I checked the settings for http://ronjacobs.com/ just now and I see that it is not setup to use the mobile theme, so you don’t need that class name.

Now, if you want to apply CSS just to small screen sizes, which is what responsive design themes do, then you can use what’s called a media query. Here is an example that will make titles smaller in the Suits theme for any display size that is 868px or smaller:
```
@media only screen and (max-width: 868px) {
	.entry-title {
		font-size: 20px;
	}
}
```
You might also like:
http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

No items found.