Home>Support>Remove Header widget and stretch banner to end

Remove Header widget and stretch banner to end

By Chandran V, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi,
Love the Vantage theme. I am using a banner in the logo area and a logo in the Header Widget. Am I doing it right? I could incorporate the logo in the banner with pixlr but how do I stretch the banner full length? I am running boxed. Thanks.

URL: http://www.new.atcas.org.sg

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

  1. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi Chandran

    Perhaps try this. Combine your two images. Ensure that your background and overall image width is 1080px wide. Then upload that image as your logo. Finally insert the following under Appearance > Custom CSS:

    /* Full header logo */
    
    header#masthead {
    padding: 0 !important;
    }
    
    header#masthead .hgroup {
    padding: 0 !important;
    }
    
    header#masthead .hgroup .logo img {
    width: 1080px;
    }
    
    .main-navigation {
    margin: 0 !important;
    }
    
    body.responsive header#masthead .hgroup .support-text, body.responsive header#masthead .hgroup #header-sidebar {
    display: none !important;
    }
    

    That’ll create a full header, 1080px wide logo for you which is clickable and get rid of the white space.

    Let me know if you don’t want this, we can try something else.

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