This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Repositioning logo in vantage theme

Open 5 replies premiumthemetheme-vantage
reneng
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 11 years, 3 months ago

    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. reneng 11 years, 3 months ago

    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. Andrew Misplon Staff 11 years, 3 months ago

    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. rene 11 years, 3 months ago

    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. Andrew Misplon Staff 11 years, 3 months ago

    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.

Have a different question or issue?

Start New Thread