Moving the a logo in the masthead

Hi Tony

Thanks for your support.

You have a couple of options here.

1. Your logo will render at the size you upload it as. If you want your logo to be smaller you’ll need to upload a smaller version.

2. To center your logo head to Appearance > Customize > General and check the Center Logo checkbox.

3. To place your logo in your menu head to Appearance > Theme Settings > Layout and change Masthead Layout to Logo In Menu. This will however constrain your logo size. To render your logo size at the size you upload it as in this layout, enter the following under Appearance > Custom CSS:

/* Vantage Remove Logo in Menu img constraint */
header#masthead.masthead-logo-in-menu .logo > img {
max-height: none !important;
}

The header, content and footer areas of Vantage are constrained. By default it’s not possible to move your logo to the left of the screen.

If you’d like to experiment a bit and make your masthead 100% width you can do by adding the following to Appearance > Custom CSS:

/* Make the Masthead 100% */
body.responsive.layout-full #page-wrapper .full-container {
max-width: 100% !important;
}