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