Title: Allign Menu Center
Last modified: August 30, 2016

---

# Allign Menu Center

 *  [Liplekker](https://wordpress.org/support/users/liplekker/)
 * (@liplekker)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/allign-menu-center/)
 * I want to align my menu in the center on my Website [http://www.liplekker.co.za](http://www.liplekker.co.za)
   
   I dont know which code to change. Included is the code of my CSS file. Could 
   you please tell me which code to change.
 * /*==================== M E N U — C S S =============*/
    .menu-foodrecipes-set{
   margin-top: 25px !important; } .menu-foodrecipes, .menu-foodrecipes ul { margin:
   0; padding: 0; list-style: none; } .menu-foodrecipes { max-width: 960px; margin-
   top: 15px; } .menu-foodrecipes:before, .menu-foodrecipes:after { content: “”;
   display: table; } .menu-foodrecipes:after { clear: both; } .menu-foodrecipes {
   zoom: 1; } .menu-foodrecipes li { float: left !important; position: left; } .
   sub-menu li a { font-size: 14px; } .menu-foodrecipes a { float: left; padding:
   5px 20px; color: #fff; text-transform: uppercase; text-decoration: none; font-
   size: 16px; } .menu-foodrecipes a:hover, .menu-foodrecipes a:focus { color: #
   FF7E00 !important; } .menu-foodrecipes li:hover > a { color: #fff; text-decoration:
   none; } *html .menu-foodrecipes li a:hover { /* IE6 only */ color: #fafafa; }.
   menu-foodrecipes ul { opacity: 0; visibility: hidden; position: absolute; top:
   38px; left: 0; z-index: 1; -webkit-transition: all .2s ease-in-out; -moz-transition:
   all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .
   2s ease-in-out; transition: all .2s ease-in-out; } .menu-foodrecipes li:hover
   > ul { opacity: 1; visibility: visible; margin: 0; } .menu-foodrecipes ul ul {
   top: 0; margin: 0 0 0 0px; _margin: 0; /*IE6 only*/ -moz-box-shadow: -1px 0 0
   rgba(255,255,255,.3); -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3); box-
   shadow: -1px 0 0 rgba(255,255,255,.3); left: -100%; width: 100%; } .menu-foodrecipes
   ul li a { color: #000 !important; text-decoration: none; background-color: rgba(
   232, 232, 232, 1) !important; } .menu-foodrecipes ul li a:hover, .menu-foodrecipes
   ul li a:focus, .menu-foodrecipes ul li a:active { color: #FF7E00 !important; }.
   menu-foodrecipes ul li { float: none; display: block; border: 0; _line-height:
   0; /*IE6 only*/ } .menu-foodrecipes ul li:last-child { -moz-box-shadow: none;-
   webkit-box-shadow: none; box-shadow: none; } .menu-foodrecipes ul a { padding:
   10px; width: 185px; _height: 10px; /*IE6 only*/ display: block; float: none; 
   text-transform: none; text-align: left; } .menu-foodrecipes ul a:hover { } .menu-
   foodrecipes ul li:first-child > a { -moz-border-radius: 3px 3px 0 0; -webkit-
   border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .menu-foodrecipes ul
   li:first-child > a:after { content: ”; position: absolute; left: 20%; top: -6px;
   border-left: 6px solid transparent; border-right: 6px solid transparent; border-
   bottom: 6px solid #fff; } .menu-foodrecipes ul ul li:first-child a:after { border-
   bottom: 4px dotted rgba(0, 0, 0, 0); border-right: 4px solid #300000; border-
   style: solid solid dotted none; border-top: 4px solid rgba(0, 0, 0, 0); border-
   width: 4px 4px 4px 0; margin-top: -6px; right: 0; top: 50%; } .menu-foodrecipes
   ul li:first-child a:hover:after { border-bottom-color: #fff; } .menu-foodrecipes
   ul ul li:first-child a:hover:after { border-right-color: #4e0000; border-bottom-
   color: transparent; } .menu-foodrecipes ul li:last-child > a { -moz-border-radius:
   0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }.
   foodrecipes-icon-color { background-color: #FFFFFF !important;

The topic ‘Allign Menu Center’ is closed to new replies.

## Tags

 * [align](https://wordpress.org/support/topic-tag/align/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 0 replies
 * 1 participant
 * Last reply from: [Liplekker](https://wordpress.org/support/users/liplekker/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/allign-menu-center/)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
