How to keep website logo proportional to browser window size?

[dupuismartin]

I need some help coding my site to keep the logo image in proportion to the browser window size. The logo is 330px x 200px which is the perfect size for a larger screen. However, as the browser window is shrunk the logo does not shrink accordingly and the menu bar disappears behind it.
http://www.martindupuisphotography.com

Here is the logo coding that came with the theme.
/* ******************************
4.1 Logo
******************************* */

.logo {
position:absolute;
float:left;
top:0;
z-index:2;
}
.logo {
width:330px;
height: auto;
}

Anyone have any ideas on how to resolve this?

Thanks

[chrisburton]

Is that a real logo?

[dupuismartin]

the one on the site is…it’s my logo

[Paulie_D]

No right clicking…sigh!

Try googling Responsive images.

[Author]

Posts