View Single Post
03-16-2013, 12:06 PM
#3
UKMatt is offline UKMatt
Status: =]
Join date: Feb 2006
Location:
Expertise:
Software:
 
Posts: 1,162
iTrader: 7 / 100%
 

UKMatt is on a distinguished road

  Old

Originally Posted by Dan View Post
Apply to the logo element.

Code:
max-width:[real image width]px;
width:100%;
height:auto;

Thanks for your suggestion Dan - wasn't sure anyone would answer with the site in its current state.

I tried your suggestion in various forms but still doesn't seem to work.

Here is the new code for the logo after implementing your changes:
Code:
/*------------------[ Logo ]-----------------*/
#header h1, #header h2 {
	text-indent: -999em; 
	max-width:920px;
	width:100%;
	height:auto;
}

#header h1 a, #header h2 a {
	background: url(http://www.beautycritic.co.uk/wp-content/themes/koresponsive/images/logo.png) no-repeat; 
	max-width:920px;
	width:100%;
	height:auto;
	display: block; 
	line-height: 200px;
 }

as well as this later on:

@media screen and (max-width:600px) { 
	#logo { width: 100%; height:auto;}
	#logo a {
	    text-align: center;
	    margin: 0 auto !important;
	    background-position: center !important;
	}

Reply With Quote