Support » Themes and Templates » Background colour not appearing in nav bar?

  • Resolved mallowtribe


    I’m probably missing something really glaringly obvious, so could do with another pair of eyes to look at this code and tell me what I’m doing wrong.

    I’m trying to apply a background colour to the nav menu, but the only way I can get it to show up is if I apply it to “li”, which means that the colour doesn’t continue to the edges of the box.

    If I apply the colour to the nav bar div then I get no background at all.
    See here

    I did manage to apply a colour all the way across, but it involved setting a height for the div, and obviously the div height will depend on the number of menu items.

    The CSS is

    #navigation {
    	width: 820px;
    	margin-left: auto;
    	margin-right: auto;
    	font-weight: bold;
    	font-size: 18pt;
    	z-index: 2;
    	position: relative;
    	top: 18px;
    	color: #FFF;
    	display: block;
    	background-color: #000; /* Show a solid color for older browsers */

    And the HTML/PHP is

    <nav id="navigation" role="navigation">
    <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>

Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Background colour not appearing in nav bar?’ is closed to new replies.