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.

Remove Space on Sides of Logo

Resolved 6 replies premiumthemetheme-vantage
aarthur
10 years ago · Last reply by aarthur 10 years ago

I am using Vantage Premium, and I’m trying to make my logo take up the full width of the page (boxed with a background). Right now it is centered, but there are small spaces on either side of the image. I want it to be flush on all sides if possible. Please let me know if you can help!

Thanks!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Magus Staff 10 years, 7 months ago

    Hi Sage Jenson

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

    Thanks

    Magus

  2. aarthur 10 years, 7 months ago

    Currently my site is only hosted on my local machine… here are some screenshots:

    http://imgur.com/3HXVzZ7&9ybUGpi#0
    http://imgur.com/3HXVzZ7&9ybUGpi#1

    My image is a full 1080px wide, and it’s not displaying at full width since there are the white bars on the sides.

    Thanks a lot!
    Sage

  3. Magus Staff 10 years, 7 months ago

    Hi Sage

    Please try adding the following to Appearance->Custom CSS

    #masthead {
    padding: 0;
}
.main-navigation {
    margin: 0;
}

    Let us know how you get on

    Magus

  4. aarthur 10 years, 7 months ago

    Hi Magus,

    I tried that but unfortunately have the same exact problem. When I center the logo with the customizer it has space on both sides, and when it is not centered there is white space on the right of the logo. Any other ideas?

    Thanks!
    Sage

  5. Magus Staff 10 years, 7 months ago

    Hi Sage

    Please change the original snippet to this

    #masthead {
    padding: 0px;
}
.logo, .logo-height-constrain {
    width: 100%;
}
.main-navigation {
    margin: 0px !important;
}

    Magus

  6. aarthur 10 years, 7 months ago

    Awesome, that works! Thanks a lot.

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