How do I take advantage of the logo area in the project as seen throughout preview site?

1. Simply add a logo at twice the size to your Show Site Setup area and add the following snippet to your custom CSS area.

Screen Shot 2014-10-08 at 1.48.03 PM

2. Determine the actual size of the logo you would like to be displayed and place within the custom CSS area as follows ( Height and width numbers are based on half the size of your actual image. For instance, the image being dropped throughout the preview site is 100px by 100px ) :

a#logo {
height: 50px;
width: 50px;
}

3. If you would like to add "spacing" and ensure that the logo is centered at the top of your page on desktops, you may add the following in addition to your logo sizing:

@media only screen and (min-width: 480px) {

a#logo {
margin-top: 30px;
margin-left: -25px; */ Margin Left is a "-" half of the size of your width/*
}

}

*** Height and width numbers are based on half the size of your actual image. For instance, the image being dropped throughout the preview site is 100px by 100px.