WordPress.com Forums » Topic: My header looks cut off on iPhone, can I fix this? http://en.forums.wordpress.com/topic/my-header-looks-cut-off-on-iphone-can-i-fix-this WordPress.com Forums » Topic: My header looks cut off on iPhone, can I fix this? en Tue, 21 May 2013 07:27:41 +0000 http://bbpress.org/?v=1.1-alpha-2539 designsimply on "My header looks cut off on iPhone, can I fix this?" http://en.forums.wordpress.com/topic/my-header-looks-cut-off-on-iphone-can-i-fix-this#post-897143 Mon, 28 May 2012 23:34:23 +0000 designsimply 897143@http://en.forums.wordpress.com/ The header image in the Fresh and Clean theme is setup using the CSS "background" property. You can adjust it using the "background-size" property, but it's CSS3 and so it's not supported in all older browsers. You can use mediaqueries to adjust the height at a couple major break points. Here is an example that will work in all up-to-date browsers:

#branding {
	background-color: #2f2f32;
	background-size: contain;
	background-position: center;
}
@media (max-width: 650px) {
	#branding, .header-link {
		min-height: 216px;
	}
}
@media (max-width: 480px) {
	#branding, .header-link {
		min-height: 160px;
	}
}

See this table for browser compatibility info:
http://caniuse.com/background-img-opts

]]> girleatsgreen on "My header looks cut off on iPhone, can I fix this?" http://en.forums.wordpress.com/topic/my-header-looks-cut-off-on-iphone-can-i-fix-this#post-893631 Thu, 24 May 2012 18:23:00 +0000 girleatsgreen 893631@http://en.forums.wordpress.com/ I just changed the header image size on my blog http://eatmoregreenfood.com/ (Fresh and Clean theme) but now my header is cut off when I look at my blog using my iPhone. Is there a way to fix this? Any help is appreciated!

]]>