Home>Support>Remove Space on Sides of Logo

Remove Space on Sides of Logo

By aarthur, 10 years ago. Last reply by aarthur, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 18 days ago Magus
    Hi, I Work Here

    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. 10 years, 17 days ago aarthur

    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. 10 years, 16 days ago Magus
    Hi, I Work Here

    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. 10 years, 12 days ago aarthur

    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. 10 years, 12 days ago Magus
    Hi, I Work Here

    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. 10 years, 11 days ago aarthur

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More