I have a large logo and it is covering my content in Drops

The default logo size for drops is 80px in height. If your logo is taller than 80px, you may see your header cover your content area. This tutorial will show you how move your content area lower to allow a taller logo.

1) Click into “design” and into “edit html/css”
2) Click into “main_style.css” to open the css page.
3) Here look for this code:

#main {
padding-top: 160px;
margin: 0 auto;
width: 90%;
max-width: 1300px;
}

The default space for the header is 160px. You can change this to a larger number to accommodate a taller logo

4) Save your change and publish your site

Tags: