This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Header/Menu Span

Open 1 reply premiumthemetheme-vantage
cal2000
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 11 years, 23 days ago

    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.

Have a different question or issue?

Start New Thread