Full width header with narrow content area?

[andyearle]

Hey I’m still working on the page you helped me with yesterday 🙂 Shrunk the main content down to a narrower width using this CSS:

.inner {
  max-width: 820px; }

But it also shrunk the menu width down too! How can I still have the menu content be 100% width of the screen while bringing the width of the main content area down to 820px?

Looked through all public threads on this forum and couldn’t find anything on how to accomplish this.

Also, trying to hide the header on mobile but this code is not working:

  @media only screen and (max-width: 720px) {
    nav#site-navigation {
    display: none;
} }

Any thoughts?

https://talkingtoteens.com/protective-factors-youth-at-risk-youth/

[Veena]

Currently i am not seeing any issue. Actually primary menu is missing . Can you pls add the same?
or pls share a temp login to your site as a private reply.

[andyearle]

This reply has been marked as private.

[Veena]

The shared login credentials seems incorrect . Can you pls recheck?

[andyearle]

This reply has been marked as private.

[Veena]

Have added the below custom CSS in themeoptions –

#header .inner {
    max-width: 1140px;
}

[Author]

Posts