I tried to make the following banner take up the entire space above the menu.
In order to do this, I changed the following:
#site-title {
font: 36px ‘Philosopher’, sans-serif;
line-height: 0px;
}
#access {
border-top: 0px solid #EAEAEA;
border-bottom: 0px solid #EAEAEA;
margin-left: 10px;
}
#site-title a img {
vertical-align: inherit;
max-width: 1038px;
height: 150px;
}
.clearfix {
margin: 0px;
max-width: 1038px;
}
.hgroup-wrap {
padding-top: 0px;
padding-bottom: 0px;
}
While this works for the desktop, when I view the site on a smartphone or a tablet, the banner loses its responsiveness.
Any help would be much appreciated.
Thanks!