subnav not working in navigation bar

  • dubwarrior

    (@dubwarrior)


    14 years, 5 months ago

    Hi there again
    Having problems with the navigation on the website I am building/editing

    zine***bfatmi.com/temporarywebsite

    (please delete three asterix to get url)

    the site is going well apart from the navigation bar…I have the main titles but the subnavs do not want to go under the main titles ie the sub nav ‘Necklace’ should be underneath ‘Collection’ but it is next to it.
    In wordpress I have make ‘Necklace’ a parent of ‘Collection’ but this shows next to it in preview. Underneath is the code for the navigation. Hope my rambling makes sense.

    /*=== Navigation ===*/
    /*- Top Nav -*/
    .topnav { float:left; width:907px; margin:0; padding:40px 0 0 0; font-size:16px; }
    .topnav ul { float:left; list-style:none; padding:0; margin:0; }
    .topnav li { float:left; padding:0 5px; font-size:16px; }
    .topnav li a { color:#babec4; display:block; float:left; padding:10px 15px; text-decoration:none; text-transform:none; }
    .topnav li a:hover { color:#9c9fa3; background:#ebebeb; }
    .topnav li.current_page_item a { color:#9c9fa3; background:#ebebeb; }

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter dubwarrior

    (@dubwarrior)

    14 years, 5 months ago

    sorry put wrong code down. At present:-

    /*=== Navigation ===*/
    /*- Top Nav -*/
    .topnav { font:normal 14px “Verdana”, Times, serif; padding:0; margin:0; width:971px; background:#000; clear:both; height:51px;}
    .topnav ul { float:left; list-style:none; padding:1px 0; margin:0; width:971px;}
    .topnav li { float:left; padding:0 30px;}
    .topnav li a { color:#828282; display:block; float:left; padding:16px 0; text-decoration:none;}
    .topnav li a:hover { color:#fff; text-decoration:none;}
    .topnav li.current_page_item a { color:#fff; text-decoration:;}

    which works well on the site until you do subnavigations and then it goes haywire. Bit of an unknown area css but i think it may be to do with the li and ul. Many thanks

    Thread Starter dubwarrior

    (@dubwarrior)

    14 years, 4 months ago

    sorry but does anyone have any ideas

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘subnav not working in navigation bar’ is closed to new replies.