Allow menu to take up the full width

  • Author
    Posts
  • #56947
    blogpartyger
    Member

    Hi there
    Is there any way using CSS that I can allow the menu to take up the full width of the page, or at least a bit more than it does now?
    TIA

    The blog I need help with is: (visible only to logged in users)

    #57241
    tollmanz
    Member

    Hi there!

    It looks like you are not using the Basis. Did you mean to post this in another forum? Or perhaps, did you switch away from the Basis theme?

    #57246
    blogpartyger
    Member
    Original poster

    Oh crap, I am using basis – it just posted with the wrong domain. – try afwhs.org

    #57247
    blogpartyger
    Member
    Original poster

    Resolved – got the answer from the CSS forums

    Response from thesacredpath Happiness Engineer

    Hi there, Basis is a responsive designed theme which adjusts to work on any screen size, clear down to smart phones. The max width of the menu is set at about 48% originally. The following sets it to 85% for browser window and/or screen widths greater than 800px by using a media query. At 799px, the menu changes to the minified menu for smaller tablets and devices and by limiting this change to 800px and wider, we don’t mess up that minified menu.

    @media screen and (min-width: 800px) {
    #basis-header-nav {
    max-width: 85%;
    }
    }

    #57269

    Great! Glad you got it figured out.

  • The topic ‘Allow menu to take up the full width’ is closed to new replies.