Center menu + cosmetic changes on the menu dropdown

[Fernando_]

http://www.ouibonjour.com ( site under maintenance)
WordPress 3.8.1
Neighborhood Version: 1.67

Hi guys,

Great theme and great forum. I’ve managed to tackle some of my issues searching this forum, but on this particular matter I’m lost:

I need to center the menu right under the logo. Can’t seem to find what CSS is needed for that. And I would also like to know what code I need to modify the look of the dropdown menus. I’ve managed to change the font but I can’t remove the lines that separates each category? I’ve attached a screenshot of how it looks now.

Spare a hand?

[Mohammad – SUPPORT]

HI,
Please attach a screenshot image for center menus under logo and live your site so i can check and give quick solution .

Thanks 🙂
With Best Regards
Swift Ideas

[Fernando_]

Thanks Mohammad, I have lived my site now.

Attached is how the menu looks like, aligned to the left. I need it to be centered right under the logo.

[Mohammad – SUPPORT]

Hi,
Please go to Admin -> Theme Options -> Custom CSS => Here put this code and update options
For Menus align center

#main-navigation > div {
    float: right;
    margin: 0 105px 0 auto;
    text-align: center;
}
Remove sub menu line 
nav .menu ul.sub-menu li{border-bottom-color:#fff;}

Hope it will work perfect fine .

Thanks 🙂
With Best Regards
Swift Ideas

[Fernando_]

It work to align the menu to the center, but what about removing the lines from inside the scroll down menus in the same place?

Also, will all these custom CSS codes disappear when its time to update the theme?

[Melanie – SUPPORT]

You can remove the border with

nav .menu ul.sub-menu li {
border-bottom: none!important;
}

You shouldn’t lose custom css in the theme options upon updating, but regularly backing up the custom css is never a mistake.

Cheers

[Fernando_]

Thanks guys

[Mohammad – SUPPORT]

You most welcome and thanks to Melanie .
Thanks 🙂
With Best Regards
Swift Ideas