WordPress.org

Ready to get started?Download WordPress

Forums

CSS Help: Navigation Menu items not showing properly (3 posts)

  1. rana1863
    Member
    Posted 1 year ago #

    Hi,

    I am using gazpoMag theme. When the categories in top navigation menu increase from a certain word-count, categories move on to the next line: right under the very first category.

    It should be like when I add new category, size of all items in list must settle-down to fit in the same menu(on the same line). Below is the CSS for navigation menu. Can anyone tell me what changes should I make to achieve the desired results? Would really appreciate your help!

    Thanks

    #subheader{
    	background: url("images/subheader.png") repeat-x;
    }
    
    #subheader .wrap{
    	width: 1020px;
    	margin:0 auto;
    	background: url("images/subheader.png") repeat-x;
    	height:40px;
    	text-transform:uppercase;
    	font-weight:bold;
    	color: #7B7B7B;
    	line-height:40px;
    }
    
    #subheader .main-menu{
    	width:760px;
    	float:left;
    	height:30px;
    	padding:3px 10px;
    }
    
    #subheader .main-menu ul{
    	float:left;
    	font-family: 'Droid Sans', sans-serif;
    	font-weight: bold;
    	text-shadow: 1px 1px 0px #fff;
      	font-size: 16px;
    	color: #666666;
    	line-height:30px;
    }
    
    #subheader .main-menu ul li{
    	float:left;
    }
    
    #subheader .main-menu li ul{
    	padding-top:2px;
    	left:-10px;
    }
    
    #subheader .main-menu li ul li{
    	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1);
    }
    
    #subheader .main-menu li ul li a{
    	font-size:14px;
    	display:block;
    	width:150px;
    	overflow:hidden;
    }
    
    #subheader .main-menu li{
    	white-space:nowrap;
    	display:block;
    	position:relative;
    	margin-right:25px;
    	z-index:100
    }
    
    #subheader .main-menu a{
    	display:block;
    	position:relative;
    	color:#004A8D
    }
    
    #subheader .main-menu a:hover{
    	text-decoration:none;
    	color:#004A8D;
    	text-decoration:underline;
    }
    
    #subheader .main-menu li.submenu>a{
    	padding-right:20px;
    	background:url(images/arrow_down.png) no-repeat right;
    	cursor:default;
    }
    
    #subheader .main-menu>ul>li{
    	float:left;
    	margin-right:28px
    }
    
    #subheader .main-menu>ul>li:last-child{
    	margin-right:0
    }
    
    #subheader .main-menu li ul{
    	display:none;
    	position:absolute;
    	top:100%;
    	z-index:100
    }
    
    #subheader .main-menu li:hover>ul{
    	display:block
    }
    
    #subheader .main-menu li ul li.submenu>a{
    	background:url(images/arrow_right.png) no-repeat 98% 50%;
    }
    
    #subheader .main-menu li ul li.submenu>a:hover{
    	background:#f6f6f6 url(images/arrow_right.png) no-repeat 98% 50%;
    }
    
    #subheader .main-menu li ul li{
    	border:1px solid #d9d9d9;
    	border-bottom:0;
    	background:#FFF
    }
    
    #subheader .main-menu li ul li a:hover{
    	color:#333333;
    	background:#f6f6f6;
    }
    
    #subheader .main-menu li ul li:last-child{
    	border-bottom:1px solid #d9d9d9
    }
    
    #subheader .main-menu li ul li a{
    	padding:0 25px 0 12px;
    	line-height:33px
    }
    
    #subheader .main-menu li ul li ul{
    	top:-1px!important;
    	left:100%!important;
    	padding:0!important
    }
    
    #subheader .search{
    	width:236px;
    	float:left;
    }
    
    #subheader .search input {
    	font: normal 14px/100% Arial, Helvetica, sans-serif;
    }
    
    #subheader .search .searchfield {
    	background: #fff;
    	padding: 7px 6px 7px 8px;
    	width: 220px;
    	border: solid 1px #bcbbbb;
    	outline: none;
    	margin-top:4px;
    	border-radius: 15px;
    	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    }
  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Specific CSS queries may have greater relevance in forums that specialise in CSS support.
    http://csscreator.com/forum

  3. rana1863
    Member
    Posted 1 year ago #

    Thanks Andrew!

Topic Closed

This topic has been closed to new replies.

About this Topic