Decor navigation problems

Community Forums Forums General Discussion Decor navigation problems

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Bill Murray 11 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #39485

    julian kavanagh
    Participant
    Post count: 1

    Hi

    I am having problems with Decor navigation.  I would like the nav background to be full width, but also even though I have only one menu it is showing as double height.  The test site is at http://tartan.threegirls.co.uk

    Any help would be great.

    Thanks

    Julian

    http://tartan.threegirls.co.uk
    #39529

    Bill Murray
    Participant
    Post count: 572

    Right now, your ID #nav has a negative margin on line 275, as in:

    margin: -20px 0 30px;

    That’s the cause of the double height you’re seeing.

    As for the background for the menu, add your background to the nav ID, the same ID that has that negative margin issue.


    Web: http://wpperform.com or Twitter: @wpperform

    We do managed WordPress hosting.

    #39602

    julian kavanagh
    Participant
    Post count: 1

    Thanks Bill

    I set the margin to margin: 25px 0px 25px 0px; and that sort of worked but the menu is still too tall.  When I set a height property it pushes the background way off the menu text?

    Thanks in advance.

    Julian

    #39827

    Bill Murray
    Participant
    Post count: 572

    It looks like you’ve got this sorted out where you opted for a border on the nav instead of taking the background full width. If that’s not the case, post back and I’ll take another look.

    You can replace this:

    margin: 25px 0px 25px 0px;

    with:

    margin: 25px 0;

    They will both have the same result.

    If you set a height property on #nav and the height is bigger than what the calculated result of your other properties would be (margin, padding, border, font size, etc), then you will produce the effect of pushing down the content below the #nav.


    Web: http://wpperform.com or Twitter: @wpperform

    We do managed WordPress hosting.

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

You must be logged in to reply to this topic.