Home>Support>Repositioning logo in vantage theme

Repositioning logo in vantage theme

By reneng, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

hi,

Anyone knows how to reposition the logo in the vantage theme? I need to relocate more to the left , in the middle of the big tittle “Chinatown Food Adventure” and slightly down touching the NAV bar. ( overlapping the NAV area ) Any advice would be greatly appreciated.

www.chinatownfoodadventure.com

regards,
Rene

URL: http://www.chinatownfoodadventure.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, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Rene

    You could bump the logo over a bit using the following inserted under Appearance > Custom CSS:

    /* Logo */

header#masthead .hgroup .logo img {
margin-left: 45px;
}

@media (max-width: 680px) {

header#masthead .hgroup .logo img {
margin-left: 0;
}

}

    Moving it over the menu would mean absoluting it. This introduces a few other concerns as the header would no longer be issued a height from the logo. It’s unfortunately a bit beyond the support we can offer in terms of small customisations.

  2. 9 years, 10 months ago reneng

    Thanks Andrew,

    I also have alot of problem with pictures in my header. The view from my 21inch and 27inch monitor is so different in that my logo position go haywire with the text. i thought this is a responsive theme and should adjust according;y but that is not the case.

    regards,
    rene

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

    Here are a few snippets you can use under Appearance > Custom CSS to control what the masthead background does.

    /* Masthead Background Image Cover */

header#masthead {
background-repeat: no-repeat;
background-position: center center !important;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

    OR center with no cover:

    /* Masthead Background Image Center */

header#masthead {
background-repeat: no-repeat;
background-position: center center !important;
}

    Give that a try.

  4. 9 years, 10 months ago rene

    Hi Andrew,

    Actually i do not want to centralise the text. If you look at my website under the normal screen . Everything looks fine but if you use a 27inch screen the text “A Gastronomical tour ” crashes left to the logo, If i could attach files here, i will show you the 2 different screen shots.

    regards,
    rene

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

    What I’d recommend doing is to separate your text from the background image and upload with a transparent background to the Appearance > Widgets header area via an Image or Visual Editor widget (http://wordpress.org/plugins/black-studio-tinymce-widget/).

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