Hello folks I have a banner on top of my website (http://toyota-dealer.org/) that gives our contact information. I tried using other module positions but they place it behind the menu and the only one that displays it on top is "masthead" but unfortunately it takes up a lot of precious top of the page. I want only 15 or 20 points padding the articles are displayed. I have checked this forum and added all the hacks I found on the site but still cannot reduce the masthead. Here are the css I have added to custom.css with no luck:
.page-masthead .jumbotron {
margin-top: 10!important;
margin-bottom: 0 !important;
padding-top:15px;
padding-bottom: 5px;
padding-left: 0;
padding-right: 0;
}
.page-masthead .row-feature {
height: 172px;
padding: 50px 0;
}
.page-masthead .container { width: 100% !important; }
.page-masthead:after {
background: none repeat scroll 0 0 #3498db;
height: 50%;
left: 0;
opacity: 0.9;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}