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.

Logo resizes and positioning, help!

Open 5 replies themetheme-vantage
Deau888
11 years ago · Last reply by Andrew Misplon 11 years ago

Hello,

I am new and new with css but i have my logics!

What i want to do, bigger logo, also bigger header and i want him centered in the middle,. I have do a lot of things but it seems that everything what i do the logo is compressed to the original sizes of vantage logo.

Most important thing is the logo isn’t showing the correct sizes, my logo is 130px x 90px. So the width is correct but the height is cropped to the size from the vantage logo. And centering in the middle with margin left and right auto, nothing happened. So i hope you can help me… Then i will consider to pay for premium if this works.

My header resizes is no problem.

PS. i run my site on a localhost, so i can’t show it to you.

Thanks in advance,

Dominique

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, 6 months ago

    Hi Dominique

    Thanks for running Vantage.

    If you are using the “Logo in Menu” layout option then the logo will be constrained. The following, placed into a Custom CSS plugin/module will remove that constraint for the “Logo in Menu” layout option only:

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

    Using the regular masthead layout, the logo should appear at the same size as uploaded. Centering the logo and adjusting header padding are both options under Appearance > Customize > General. In Vantage Free you can view the premium upgrade offering from Appearance > Premium Upgrade.

    To center the logo and adjust menu padding in Vantage Free you can use the following selectors in a Custom CSS module:

    /* Vantage Center Logo */
header#masthead hgroup .logo {
float: none !important;
}
header#masthead hgroup .logo img {
display: block;
margin: 0 auto;
}
/* Vantage Header Padding */
header#masthead hgroup {
padding-top: 35px !important;
padding-bottom: 35px !important;
}
  2. wplanters 11 years, 5 months ago

    Hi Andrew,

    What do you mean by a “Custom CSS module”‘?

  3. paljacob 11 years, 3 months ago

    I also want to put my logo beside the menu and have it at least double size or uploaded size.
    If I use the code you posted for removing logo restriction, the sliders gets shifted to the right of the logo. Is there a reason for this?

    /* Vantage Remove Logo in Menu img constraint */
header#masthead.masthead-logo-in-menu .logo > img {
max-height: none !important;
}
    • Andrew Misplon Staff 11 years, 3 months ago

      Hi paljacob

      Please open a new support thread and we’ll jump in there ASAP.

      Page: New Thread

      Thanks

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