I copied and pasted the code:
.header_top {
background: #4c4c4c;
overflow: hidden;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.11);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.11);
padding-top: 0;
}
into Additional CSS and also tried padding-top: 30px; and it did not work. I think the problem with my site is that somehow these 1/4 inch top margins appeared on both top and bottom of my screen and whenever I scroll, the 1/4 inch margins follow. I don’t know how to make it disappear.