WordPress.org

1. nual
   Member
   Posted 2 weeks ago #

   This is my site:
   http://ropav.com

   Just installed a new template. Apparently navigation menu is running out of space. How can I make it to fit the width?

   /*>>>>> Navigation <<<<<*/
   
   a:link, a:visited  {
   }
   
   a:hover  {
   
   }
   
   #nav_contain  {
   	height: 42px;
   	margin-bottom: -1px;
   }
   
   #nav  {
   	position: relative;
   	z-index: 100;
   }
   
   #nav li  {
   	display: inline;
   	position: relative!important;
   	line-height: 42px;
   	padding: 13px 0 13px 0;
   	margin: 0 3px 0 0;
   }
   
   #nav li a:link, #nav li a:visited  {
   	font-size: 14px;
   	font-weight: bold;
   	text-decoration: none;
   	padding: 13px 20px 13px 20px;
   	border-top-right-radius: 7px;
   	-moz-border-radius-topright: 7px;
   	-webkit-border-top-right-radius: 7px;
   	border-top-left-radius: 7px;
   	-moz-border-radius-topleft: 7px;
   	-webkit-border-top-left-radius: 7px;
   }
   
   /* Style drop down list */
   
   #nav li ul {
   	z-index: 9999!important;
   	position: absolute;
   	width: 175px;
   	margin-top: -2px;
   	padding: 0 10px;
   	left: -999em;
   	border-radius: 7px;
   	-moz-border-radius: 7px;
   	-webkit-border-radius: 7px;
   }
   
   /* second level */
   
   		#nav li li:hover ul ul, #nav li li.sfhover ul ul {
   			left: -999em;
   		}
   
   		#nav li li li:hover ul, #nav li li li.sfhover ul {
   			left: auto;
   		}
   
   		/* third level */
   
   			#nav li li li:hover ul ul, #nav  li li li.sfhover ul ul {
   				left: -999em;
   			}
   
   			#nav li li li li:hover ul, #nav li li li li.sfhover ul {
   				left: auto;
   			}
   
   #home #nav li ul  {
   }
   
   #nav li ul  {
   }
   
   #nav li ul li {
   	display: block;
   	height: 30px;
   	padding: 0;
   	line-height: 30px;
   }
   
   #home #nav li ul li {
   }
   
   #nav li ul li {
   }
   
   #nav li ul li a:link, #nav li ul li a:visited {
   	display: block;
   	font-size: 12px;
   	padding: 0 0 0 7px;
   }
   
   #nav li ul li a:hover  {
   }
   
   #nav li ul ul {
   	margin: -26px 0 0 165px;
   }
   
   #nav li ul ul li a {
   	line-height: 30px;
   }
   
   #nav li:hover ul ul, #nav li.sfhover ul ul {
   	left: -999em;
   }
   
   #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
   	left: -5px;
   }
   
   /* IE7 Fix */
   
   #nav li:hover, #nav li.hover {
   	position: static;
   }
   
   /*>>>>> Layout <<<<<*/
   
   .outer  {
   	width: 100%;
   }
   
   .inner  {
   	width: 770px;
   	margin: 0 auto;
   }

2. jrav001
   Member
   Posted 2 weeks ago #

   You will have to increase the width of header .inner to about 800px or so.

Reply

You must log in to post.