SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2011
    Posts
    72
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Foundatin 5 Top Nav

    I am trying to change the top nav from 100% so that it lines up with the rest of the site content.

    http://mymarketingsolutions.com/b/index.html

    Any help would be appreciated.

    Thanks.
    Ryan.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,120
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    To start with, you could add the styles in red:

    Code:
    .top-bar {
    background: #3B2E4D;
    color: #333;
    max-width: 62.5rem;
    margin: 0 auto;
    }
    Then you'll just need to fill in the background color on either side. One way to do that is with this:

    Code:
    body {
        background: #3B2E4D;
    }
    ... though you'll have to set a bg color on things like .row. So an alternative is to wrap the nav in a full width container and pt the background on that instead.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •