WordPress.org

Ready to get started?Download WordPress

Forums

Problem with submenu (1 post)

  1. mulaps
    Member
    Posted 1 year ago #

    im trying to create sidebar as navigation. Its ok, but sub-menu dosnt work correctly.

    page: http://forums.idejutirgus.lv/

    Writen in side-bar

    <div class="left_menu">
    <?php wp_nav_menu( array( 'theme_location' => 'left-menu', 'container_class' => 'top_menu' ) ); ?>
    </div>

    Writen in css

    .left_menu li.current-menu-item {
    		background: #fcf2db;
    		padding: 8px 0 10px 0;
    	}
    
    		.left_menu li.current-menu-item a {
    			background: none;
    			color: #222527;
    			line-height: 1.4em;
    		}
    
    		.left_menu li.current-menu-item ul {
    			list-style-type:none;
    			margin:0 0 0 25px;
    		}
    
    			.left_menu li.current-menu-item ul li {
    				border: none;
    				padding: 0;
    			}
    
    				.left_menu li.current-menu-item ul li a {
    					background: url("images/left_submenu_bullet.gif") no-repeat scroll 0 4px transparent;
    					color: #EC5F00;
    					font-size: 11px;
    					line-height: 1.2em;
    					margin: 4px 0 7px;
    					padding: 0 0 0 8px;
    					text-decoration: underline;
    				}
    
    				.left_menu li.current_page_item ul current-menu-item a {
    					background: none;
    					color: #222527;
    					text-decoration: none;
    				}
    
    .sub-menu { display: none; }
    .current_page_item .sub-menu, .current_page_parent .sub-menu { display: block; }
    
    .sub-menu {
    	background: #fcf2db url(images/submenu_corner.gif) no-repeat 100% 0;
    	padding: 6px 3px 22px;
    	margin: 1px 0 0 0;
    	list-style-type: none;
    	border-bottom: 1px solid #E0E2E3;
    	position: relative;
    	right: -1px;
    }
    
    	.sub-menu li {
    		margin: 0 10px 0 10px;
    	}
    
    		.sub-menu li a {
    			text-decoration: none;
    			padding: 6px 0 0 9px;
    			display: block;
    			line-height: 18px;
    			background: url(images/left_menu_bullet.gif) no-repeat 0 11px;
    			text-decoration: underline;
    		}
    
    	.sub-menu li.current-menu-item {
    		background: url(images/left_menu_separator.gif) repeat-x 0 100%;
    		margin-bottom: 1px;
    		padding-bottom: 5px;
    	}
    
    		.sub-menu li.current-menu-item a {
    			color: black;
    			text-decoration: none;
    			background: url(images/left_menu_active_bullet.gif) no-repeat 0 11px;
    		}
    
    .sub-menu li.current-menu-item ul {
    	list-style-type: none;
    	margin: 0px 0 0px 15px;
    }
    
    	.sub-menu li.current-menu-item ul li {
    		margin: 0;
    	}
    
    		.sub-menu li.current-menu-item ul li a {
    			font-size: 11px;
    			color: #ec5f00;
    			line-height: 1.2em;
    			padding: 0 0 0 8px;
    			margin: 4px 0 7px;
    			background: url(images/left_submenu_bullet.gif) no-repeat 0 4px;
    			text-decoration: underline;
    		}
    
    	.sub-menu li.current-menu-item ul li.current-menu-item {
    		background: none;
    		margin-bottom: 0;
    		padding-bottom: 0;
    	}
    
    		.sub-menu li.current-menu-item ul li.current-menu-item a {
    			color: #222527;
    			background: none;
    			text-decoration: none;
    		}

    I need same result as here: http://www.bior.gov.lv

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags