Home>Support>Content boxed, menu header and footer full

Content boxed, menu header and footer full

By Clayton Anderson, 6 years ago. Last reply by Alex S, 6 years ago.

Hello,

I received the following info to make the header and menu full:

/* Vantage Menu Background Image */

.main-navigation {
background-image: url(‘http://dbswebmaster.com/wp-content/uploads/2017/10/gradient-beige.png’);
background-size: cover;
background-repeat: no-repeat;
}

/* Vantage Boxed Layout – 100% Width Menu */

body.layout-boxed #page-wrapper {
max-width: none;
padding-top: 0;
}

header#masthead .full-container, #main-slider, #main, #colophon {
box-sizing: border-box;
margin: 0 auto;
max-width: 1080px;
}

.site-header .main-navigation .full-container {
max-width: 100%;
}

How can I include the footer to be included in being full?

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

  1. 6 years, 11 months ago Alex S
    Hi, I Work Here

    Hi Clayton,

    You can do this with the following CSS:

    body.responsive.layout-full #page-wrapper .site-footer .full-container {
max-width: 100%;
}

    You can also globally do this by adding the following CSS:

    .full-container {
    max-width: none !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