WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [zeeminty] center top navigation bar (1 post)

  1. Brooke082010
    Member
    Posted 6 months ago #

    Hi i am trying to center the font on my top navigation bar but cant seem to do it after fiddling with it from looking at other posts. My website is http://www.fancypantscustomcakes.com.au

    Here is the menu section of my CSS if that helps

    /* Navigation Menu
    -------------------------------------------------------------- */
    #mainnav-icon {
    	display: none;
    }
    #navi-wrap {
    	background: #fff;
    	border: 1px solid #ddd;
    	box-shadow: 0 0 4px #ccc;
    }
    #mainnav-menu {
    	list-style-type: none;
    	list-style-position: outside;
    	position: relative;
    }
    #mainnav-menu li{
    	float:left;
    	position:relative;
    	margin-right: 1px;
    }
    #mainnav-menu a {
    	display: block;
    	padding: 1.5em;
    	text-decoration: none;
    	font-size: 1.1em;
    	font-weight: bold;
    	-webkit-transition: all 0.2s ease-out;
    	-moz-transition: all 0.2s ease-out;
    	-ms-transition: all 0.2s ease-out;
    	-o-transition: all 0.2s ease-out;
    	transition: all 0.2s ease-out;
    }
    #mainnav-menu a:link, #mainnav-menu a:visited{
    	color: #333;
    	text-decoration: none;
    }
    #mainnav-menu a:hover {
    	color: #00bc45;
    }
    #mainnav-menu ul {
    	position: absolute;
    	display: none;
    	z-index: 99;
    	background: #00bc45;
    	padding: 0.7em;
    }
    #mainnav-menu ul li{
    	margin: 0;
    }
    #mainnav-menu ul a {
    	width: 250px;
    	width: 16rem;
    	padding: 0.5em;
    	float: left;
    	font-weight: normal;
    	color: #e80000;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    }
    #mainnav-menu ul a:link, #mainnav-menu ul a:visited{
    	color: #e80000;
    	text-decoration: none;
    }
    #mainnav-menu ul a:hover {
    	color: #222 !important;
    	background: #e80000;
    }
    #mainnav-menu ul ul{
    	top: -0.7em;
    }
    #mainnav-menu li ul ul {
    	margin-left: 250px;
    	margin-left: 16rem;
    }
    #mainnav-menu li:hover ul ul, #mainnav-menu li:hover ul ul ul, #mainnav-menu li:hover ul ul ul ul{
    	display:none;
    }
    #mainnav-menu li:hover ul, #mainnav-menu li li:hover ul, #mainnav-menu li li li:hover ul, #mainnav-menu li li li li:hover ul{
    	display:block;
    }
    #mainnav-menu li.current_page_item a, #mainnav-menu li.current-menu-item a {
    	color: #00bc45;
    	text-decoration: none;
    }
    #mainnav-menu li.current_page_item ul li a, #mainnav-menu li.current-menu-item ul li a{
    	color: #fff;
    	text-decoration: none;
    }
    #mainnav-menu ul li.current_page_item a, #mainnav-menu ul li.current-menu-item a {
    	color: #fff;
    	text-decoration: none;
    }
    #mainnav-menu ul li.current_page_item ul li a, #mainnav-menu ul li.current-menu-item ul li a{
    	text-decoration: none;
    }

Reply

You must log in to post.

About this Topic

Tags

No tags yet.