WordPress.org

Ready to get started?Download WordPress

Forums

Full Width Navbar (9 posts)

  1. teckn1caLity
    Member
    Posted 2 years ago #

    Currently my navbar is the length of my container, which it should be. How would I go about making my navbar stretch the width of my screen but not cause a bottom scrollbar? Any help is appreciated.

  2. KrashKartMedia
    Member
    Posted 2 years ago #

    if you provide a link to the page in question, we can help.

  3. teckn1caLity
    Member
    Posted 2 years ago #

    HERE

    It's a music site im building for a friend.

    I'm trying to get the navbar to stretch entirely across the page instead of just the container.

  4. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    You'd have to restructure the layout of the top section of the page (so that it is not inside the wrapper (=container) div). Would you also want the header section above the navbar to be full width?

  5. teckn1caLity
    Member
    Posted 2 years ago #

    Yes, If im able to put both the header and nav bar full width that would be great. How would I go about restructuring it? I know it needs to be seperate to the container but what would be the most efficient way of doing it. Also, how are you liking the design thus far? Check author pages, features page, post pages etc.

  6. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    That appears to be a custom site, so I'm not sure what the header.php code looks like, but basically, you want to start the wrapper div below the nav div... that moves them both outside the wrapper -- then they should be as wide as the body (full width).

    But you should also deal with a bunch of HTML mark-up errors ... as some of them are likely to be problematic, at least in some browsers.

    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.selecterz.com%2F2012%2F05%2Ffreank-oceans-reality%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

  7. teckn1caLity
    Member
    Posted 2 years ago #

    Yeah im gonna look into those errors. Is 31 errors a lot?

  8. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    Yes, it's quite a few. But sometimes an error can cause additional errors later on the page -- kind of a domino effect. And some errors and not really a problem in terms of functionality -- though ideally, you won't have any.

    I looked through yours briefly and they look fairly easy to fix -- un-closed tags, a lot that are because you have more than one instance of the same #ID on a page (can't do that per html rules), missing alt attributes, improperly coded lists...

  9. teckn1caLity
    Member
    Posted 2 years ago #

    Alright thanks. I got the header and nav how I want it now. I'll get to fixing those errors when I have the time.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.