css - How can I make my header image properly responsive? -


i trying put site friend using nice premium wordpress theme. have paid theme designer not customisation.

the site @ www.zerocarbonfood.co.uk/test/. theme had small left-aligned logo friend favours large full-width one, think works better. problem @ on ipad or iphone (portrait) logo big , screws up. in theme options defined 922px width , 168px height. cannot put percentage value in there. can override in css somewhere?

any gratefully received bit out of depth.

the easiest way deal insert logo image inline rather background image. way can apply css img element itself;

html

<div id="logo-container"><a href="http://www.zerocarbonfood.co.uk/test"><img src="http://www.zerocarbonfood.co.uk/test/wp-content/uploads/2013/07/wide-logo-2.png" alt="" /></a></div> 

css

#logo-container img {    width: 100%;    height: auto; } 

Comments

Popular posts from this blog

How to mention the localhost in android -

php - Calling a template part from a post -

c# - String.format() DateTime With Arabic culture -