twenty twelve random image header not working on mobile

designsimply · Member · Mar 7, 2013 at 8:11 pm
Copy link
Unless you think there’s a simple fix for minimizing the header area (without deactivating it)

Did you try changing the height value?
designsimply · Member · Mar 7, 2013 at 8:22 pm
Copy link
On that note, is there somewhere I can view the original mobile theme CSS so I can see the names of the different elements and classes and such?

Good question! Here’s a link to the mobile theme stylesheet:
https://s1.wp.com/wp-content/themes/pub/minileven/style.css?minify=false
kcullinan · Member · Mar 7, 2013 at 9:10 pm
Copy link
This is working out very very nicely! Thanks for your help today.

I have the mobile theme working pretty well, now I just need to figure out how to close the gap at the top of the regular browser version. I’m thinking there must be a way to change the height of that area to 1px…
designsimply · Member · Mar 7, 2013 at 9:25 pm
Copy link
Or you could completely hide the site title container in normal views:
```
.site-header h1 {
	display: none;
}
```
designsimply · Member · Mar 7, 2013 at 9:26 pm
Copy link
Hmm, also, if that hides it in the mobile theme, you can use this to add it back:
```
.mobile-theme .site-header h1 {
	display: block;
}
```
kcullinan · Member · Mar 7, 2013 at 9:29 pm
Copy link
You are truly a Happiness Engineer! That is perfect!

No items found.