Tutorial on How to Adjust the Position of Your Header

This is a very basic tutorial, but very useful.  I am going to show you how to do it in 2 different templates.

Tutorial # 1:  Using the good old "Minima" Template.

Upload your header image like you would normally and get rid of the lines around your header.  If you don't know how to do that, I have an easy tutorial here.


Next head over to your "Edit HTML" page, and scroll down to your
"#header img {"  and add "margin-top: Xpx;", as seen below.  I did -15px so that my header would be flush with the top, but you can put any number, if you want to bring the header down, use a positive number instead of a negative.


That's it! Soooo Easy :)


Tutorial #2: Using the NEW "Simple" Template.

Upload your header image like you would normally.  Head over to your "Template Designer" and Click on "Advanced" and "Add CSS".

Paste this into your CSS box (see below):

.header-inner {
   margin-top: -10px;
}

You can change -10 to any number :)


Hope that helps :)
Previous
Next Post »