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