Centering Menu Bar

I centered the menu bar using the code below, every time I click on a different tab it sends the tab that proceeds it back to the left side of the page. For example:





#menu li.current-menu-item a, #menu li.current_page_item a {
margin-left: 170px;
}

 

Hello,
Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

#menu .ddsmoothmenu li {
float: none;
display: inline-block;
}
#MainNav {
text-align: center;
}

Instead 0f

Code:

#menu li.current-menu-item a, #menu li.current_page_item a {
margin-left: 170px;
}

This will solve your issue.

 

I pasted the new code but the nav is now left aligned and not centered.

 

Hello,
Could you please send us your website link.

 

http://learn2date101.com/

 

Hello,
Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

#menu .ddsmoothmenu li {
float: none;
display: inline-block;
}
#menu {
text-align: center;
}

Instead 0f

Code:

#menu .ddsmoothmenu li {
float: none;
display: inline-block;
}
#MainNav {
text-align: center;
}

This will solve your issue.