Problem with navigation

Community Forums Forums Design Tips and Tricks Problem with navigation

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  JestersTear 10 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #72449

    tingoll
    Member

    Hi,

    I have a problem with navigation. I use primary and secondary and I have set my primary to float on right. i need to fill, the rest of space for primary navigation (left side), with a colour like background BUT it seems that secondary navigation has spread to the area of primary navigation. Any ideas why? and Btw any suggestions how can i make height of primary navigationa smaller?

    Thank for any advice

    Martin

    http://www.odin-vitd.eu/
    #72521

    JestersTear
    Participant
    Post count: 26

    First of all you need to clear all floats on your secondary navigation bar so that it doesn’t feel tempted to occupy more than what it should. Find .nav-secondary { and add clear: both; to it as in the example below:

    .nav-secondary { 
    	clear: both;
    }

    (Please add clear: both; to the rest of the code that’s under .nav-secondary {, don’t delete what’s already there.

    After that, if you want the space next to the primary navigation to show the background, you need to find .site-container { and remove the line that says background: #fff;. Now the rest of your site is transparent so, to bring the white back in, add background: #fff; to .site-inner { and you should be good.

    Let me know if you run into any issues!


    Monica | jesterstear on twitter | monicaguerraleiria.com

    • This reply was modified 10 months, 1 week ago by  JestersTear.
    • This reply was modified 10 months, 1 week ago by  JestersTear.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.