Home>Support>Header/Menu Span

Header/Menu Span

By cal2000, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hello,

I would like to have my header and menu span the whole page but have the content boxed.

I would also like to add a drop shadow below the menu bar.

Similar to this site : http://anastasiabeverlyhills.com/

my website is: www.boydslanding.com

Thanks,
Cal

URL: http://www.boydslanding.com

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, 7 months ago Andrew Misplon
    Hi, I Work Here

    Hi Cal

    Set the theme layout to Boxed under Theme Settings. Then insert the following under Appearance > Custom CSS:

    /* Vantage Boxed Layout - 100% Width Header */

body.responsive #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;
}

    Here is a bottom menu shadow, adjust as required:

    /* Vantage Boxed Layout - 100% Width Header */

body.responsive #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;
}

/* Menu Shadow */

.main-navigation {
  box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
}
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