Dear all,
I would like to remove the white space on the left side of my logo so the logo is on the same vertical line as my home icon (i.e., remove the spoace from the block my logo is in). Here is my page:
Here is my CSS code for the header:
/* =Header
----------------------------------------------- */
#branding {
margin-top: 30px;
}
.hgroup-wrap {
padding-top: 0px;
padding-bottom: 0px;
}
.hgroup-wrap a {
display: block;
}
#site-logo {
float:left;
margin-top: 0px;
}
#site-title {
font: 36px 'Philosopher', sans-serif;
line-height: 0px;
}
#site-title a {
color: #555;
}
#site-title a img {
vertical-align: inherit;
width: 500px;/*original max-width: 978px */
height:auto;
}
#site-title a span, #site-title a:hover, #site-title a:focus, #site-title a:active {
color: #05a9c5;
}
#site-description {
font: 13px 'PT Sans', sans-serif; /*original 13*/
line-height: 20px; /*original 20*/
color: #777;
}
.hgroup-right {
float: right;
margin-top: 38px;
}
I hope I could explain my problem.
Thank you for your help!
Best regards,
Christian