Content boxed, menu header and footer full

Open 1 reply plugin plugin-siteorigin-css question

8 years ago · Last reply by Alex S 8 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.

Need fast email support? Get SiteOrigin Premium

Replies

Alex S Staff 8 years, 4 months ago
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.