Full width header with narrow content area?

Support Forums for LiveMesh Themes & Plugins Forums Fusion Theme Support Full width header with narrow content area?

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by Veena Veena 2 years, 5 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #25818
    Andyearle
    andyearle
    Member
    Post count: 7

    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/

    #25830
    Veena
    Veena
    Moderator
    Post count: 8142

    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.

    #25831
    Andyearle
    andyearle
    Member
    Post count: 7
    This reply has been marked as private.
    #25838
    Veena
    Veena
    Moderator
    Post count: 8142

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

    #25840
    Andyearle
    andyearle
    Member
    Post count: 7
    This reply has been marked as private.
    #25841
    Veena
    Veena
    Moderator
    Post count: 8142

    Have added the below custom CSS in themeoptions –

    #header .inner {
        max-width: 1140px;
    }
    
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.