Home>Support>Masthead – full width image

Masthead – full width image

By Trine Gudmundsdóttir Sørensen, 7 years ago. Last reply by Alex S, 7 years ago.

Hi, on my page: http://green-work.dk/ I have my logo on top.
I would like to get rid of the Spaces around the logo.

I’ve tried to make the image through >Apparence > Settings > Theme Settings > Logo – no luck
I’ve tried to make it as a Masthead – still the same Space around my logo.

How can I make my logo fill out my site above?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 10 months ago Alex S
    Hi, I Work Here

    Hi Trine,

    Due to how your logo is setup, I highly recommend against doing this.

    You should instead separate the logo and the grass and then set the logo as the masthead background image (WP AdminAppearanceCustomize, Theme DesignPage). This will allow for the grass to be full width and not have the logo be stretched.

    Regardless, if you don’t mind the stretching. You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .hgroup, .logo {
	max-width: none !important;
}

.logo, .logo img {
	width: 100%;
	height: auto;
}

.site-header {
	padding: 0 !important;
}

    You might also need to install the SiteOrigin CSS Editor.

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