Logo on Mosaic Theme
Permalink
Hello,
I have a problem to edit the logo position on Mosaic Theme. If you go tohttp://ccwenatchee.org/concrete/... on Firefox or Chrome, the logo will look fine, but when you open it on IE, you will see the logo cut off at the top and the bottom part. Here's my code:
#logo { position: absolute;}
#logo a { font-size: 32px; color: #846e39; text-decoration: none;}
#logo .simple-logo { text-align: left; background: url(../img/icoLogo.png) no-repeat; display: block; margin-top:-10px;}
#logo .logoTitle { font-size: 42px; display: block; line-height: 1; position: relative; padding-left:90px; }
#logo .logoSubtitle { font-size: 20px; display: block; line-height: 1; position: relative; margin-top:-7px; padding-left:90px; }
I have a problem to edit the logo position on Mosaic Theme. If you go tohttp://ccwenatchee.org/concrete/... on Firefox or Chrome, the logo will look fine, but when you open it on IE, you will see the logo cut off at the top and the bottom part. Here's my code:
#logo { position: absolute;}
#logo a { font-size: 32px; color: #846e39; text-decoration: none;}
#logo .simple-logo { text-align: left; background: url(../img/icoLogo.png) no-repeat; display: block; margin-top:-10px;}
#logo .logoTitle { font-size: 42px; display: block; line-height: 1; position: relative; padding-left:90px; }
#logo .logoSubtitle { font-size: 20px; display: block; line-height: 1; position: relative; margin-top:-7px; padding-left:90px; }