Help with CSS issue - Webmaster Forum - Web Design, Programming and SEO forums

03-15-2013, 07:34 PM

Dan

Status: Request a custom title
Join date: Feb 2005
Location:
Expertise:
Software:

Posts: 3,164

iTrader: 15 / 86%

Dan is an unknown quantity at this point

Apply to the logo element.

Code:

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

03-16-2013, 12:06 PM

UKMatt

Status: =]
Join date: Feb 2006
Location:
Expertise:
Software:

Posts: 1,162

iTrader: 7 / 100%

UKMatt is on a distinguished road

Originally Posted by Dan

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;
	}