How to Centre Homepage Navigation Menu – Lifestyle Theme

EricNikki,

I think if you go to your style.css file, you can find this section and add this:

text-align: center;

so that would look like this now and the menu and items will center. Just make sure you click save.

.omega-nav-menu, .omega-nav-menu > ul {
    clear: both;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

Hope that helps.

Perfect it worked! Thanks so much Will!

If anyone has a similar issue in the future, this is what I did, for your reference – the lines in bold below are the ones I added myself. And for the part in italics I changed it from the original “left” to “center”

Site Navigation
—————————————————————————————————- */
.tinynav { display: none }

.nav-primary {
margin: 0 0 30px;
}

.nav-primary .wrap {
border-bottom: 1px solid #f2f2f2;
padding-bottom: 2px;

}

.omega-nav-menu,
.omega-nav-menu > ul {
clear: both;
letter-spacing: 1px;
line-height: 1.5;
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}

.omega-nav-menu li:hover ul {
background-color: #fff;
border: 1px solid #f2f2f2;
}

.omega-nav-menu .menu-item,
.omega-nav-menu .page_item {
display: inline-block;
margin: 0;
padding: 0;
text-align: centre;
}

.omega-nav-menu a {
border: none;
color: #808080;
display: block;
padding: 10px 20px;
position: relative;
text-transform: uppercase;
text-align: center;

Hi there!

I have been trying fix this same issue (center menu items on horizontal menu bar), but can’t get it these suggestions to work with the theme I have.

Here is a link to the site I am working on – https://www.boyer-group.com

Any help is truly and greatly appreciated!!!

Thank you in advance!!

j.

hi

I love this theme but want to know how to center the feature image on my home page? Also how can I center the navigation. But the feature image is more of an issue.

Thanks

Calicia