To align the logo left, edit the margins for the above to the following:

margin: 0 auto 0 0;

To align the logo right, edit to the following:

margin: 0 0 0 auto;

If your template does not include the above code in your .css file, check in your "header.js" and in your "menu.js". Near the top there may be an option for centering.

If your header or menu does NOT include a centering option, or use the ".logo-respond" class as in the above example, the centering is probably done in the css file(s). Check your css file(s) in the menu and header sections and look for css code "text-align:" left, right or center. Centering is usually done using either "text-align:" or using "margin: 0 auto 0 auto;"

Header centering in HTML5 mobile and iPad tablet templates:
The following centering info is only for templates with a copyright date of 2014 or earlier and will not work in templates created in 2015 or later.

To center the header logo in a t31 or t33 or iPad 1 2 or 3 mobi or tablet template.

Turn off all social links in the "header.js" with a "no".

Locate the following (or similar) code for the "logo.jpg" in the "header.js" and add: