Home>Support>Moving the a logo in the masthead

Moving the a logo in the masthead

Hi, Love the vantage theme, purchased the upgrade last night. One thin I want to do is move my companies logo to the left of the screen. I have read several posts on this and the all seem to deal with the logo in the menu, this is a logo above the menu.
thanks

URL: http://368.e7f.myftpupload.com/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    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;
    }
    
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More