Support » Themes and Templates » Main menu box height adjust and Dropdown Menu box height adjust

  • Any one could share some help on this CSS

    I need the main Menu box change to 43px font 14px
    and
    drop down menu box change to 38px font to 12px

    The current Code I have got as following:

    /* =Main Menu 
    
    -------------------------------------------------------------- */
    
    #mainmenu {
    
    	margin: 35px 0;
    
    	word-wrap: break-word;
    
    }
    
    ul#mainmenu-menu {
    
    	position: relative;
    
    	background: rgb(247,247,247);
    
    	background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(244,244,244,1) 100%);
    
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(244,244,244,1)));
    
    	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
    
    	background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
    
    	background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
    
    	background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
    
    	border: 1px solid #E2E2E2;
    
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f4f4f4',GradientType=0 );
    
    }
    
    ul#mainmenu-menu li.menu-item {
    
    	position: relative;
    
    	border-right: 1px solid #E2E2E2;
    
    	display: block;
    
    	float: left;
    
    	font-size: 16px!important;
    
    	font-weight: bold;
    
    }
    
    ul#mainmenu-menu li.menu-item a {
    	color: #FFF;
    	display: block;
    	padding: 20px 15px !important;
    	text-decoration: none;
    }
    
    ul#mainmenu-menu li.menu-item a:hover {
    
    	background: #F9F9F9;
    
    }
    /* =Main Menu  : Main Dropdown 
    
    -------------------------------------------------------------- */
    
    ul#mainmenu-menu li.menu-item a {
    
    	height: 52px;
    
    	-webkit-box-sizing: border-box;
    
    	-moz-box-sizing: border-box;
    
    	box-sizing: border-box;
    
    	color: #5e5e5e;
    
    	display: block;
    
    	text-decoration: none;
    
    }
    
    ul#mainmenu-menu ul.sub-menu {
    
    	position: absolute;
    
    	top: 52px;
    
    	left: 0px;
    
    	width: 100%;
    
    	text-align: left !important;
    
    	background: white;
    
    	border: none;
    
    	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    
    	display: none;
    
    	z-index: 99;
    
    }
    
    ul#mainmenu-menu li:hover ul.sub-menu {
    
    	display: block;
    
    }
    
    ul#mainmenu-menu ul.sub-menu li {
    
    	border: none;
    
    	display: block;
    
    	float: none;
    
    	font-weight: normal;
    
    }
    
    ul#mainmenu-menu ul.sub-menu li a {
    
    	height: auto;
    
    	line-height: 15px;
    
    	padding: 15px 15px 15px 15px;
    
    }

    Thanks again!

Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Main menu box height adjust and Dropdown Menu box height adjust’ is closed to new replies.