Full width Navigation

Community Forums Forums Design Tips and Tricks Full width Navigation

This topic is: resolved

This topic contains 4 replies, has 3 voices, and was last updated by  SaraGraybill 9 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #49514

    SaraGraybill
    Participant
    Post count: 14

    I am working on this site: http://www.saragraybill.com/boulder/ and I would like to the navigation to be full width. I just haven’t been able to make that happen. Any suggestions?

    http://www.saragraybill.com/boulder/
    #49521

    ramseyp
    Participant
    Post count: 97

    Hi Sara,

    Are you wanting to space out the top-level menu items across the width of the page? It looks like the navigation menu is already full-width, it just doesn’t sufficient content to fill out that space. If you don’t want to add any more to the top-level menu, you could do some editing to the stylesheet to space them out.

    It’s hard to know the right path to take without knowing more of what you want. How do you want it to look in the end?

    Cheers!

    Pat


    #49537

    SaraGraybill
    Participant
    Post count: 14

    Thanks Pat for your reply. I’m wanting the bottom border and shadow to be span the full width of the browser. The actual nav content is fine. I found a post detailing how to do this and I thought I followed all the steps but I can’t seem to get it to work.

    #49553

    el_steele
    Participant
    Post count: 14

    Sara,

    Right now your #nav is inside your #header .wrap which is set at 960px. For the #nav to go full width it would need to be outside of that 960 wrap. The easiest thing to do is to move it after the #header and before the #inner.

    Here’s some tips on how to do that: http://my.studiopress.com/snippets/navigation-menus/

    Hope that helps!


    #49566

    SaraGraybill
    Participant
    Post count: 14

    Thank you, that solved it!

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Full width Navigation’ is closed to new replies.