centering main nav and footer

[Fernando_]

http://www.ouibonjour.com
WordPress 3.8.1
Neighborhood Version: 1.67

Hi dear forum friends,
There are a few options I’m wondering about, that I sadly can’t figure out by using the forum:

1. I have centered the main nav, and it worked out fine when I had several categories displayed, but now that I have just two, the nav bar seems to go right. I need it to be centered right under the logo. See attached screenshot 1.

I have this custom CSS:

#main-navigation > div {
float: right;
margin: 0 105px 0 auto;
text-align: center;
}

2. On the sub menu line, I have some issues. I need the background to be white on all the sub-categories, and it seems that the background is white on just the first ones. When you hover the mouse over a sub-category of a sub-category, the menu line is transparent. Also, how can I remove the little green arrow? See attached screenshot 2.

I have this custom CSS:
nav .menu ul.sub-menu li{border-bottom-color:#fff;}

3. Lastly, I need several links to pages in the footer. When I use HTML in the widgets, the alignment is off. How can I make all the links be aligned normally? See attached screenshot 3.

[Mohammad – SUPPORT]

Hi,
May i view your site live so i can give exact solution .
Thanks
With Best Regards
Swift Ideas

[Fernando_]

So sorry! It’s live now

[Mohammad – SUPPORT]

Hi,
Please use this css to center the menu

#main-navigation > div {
    float: left;
    margin: 0 185px 0 auto;
    text-align: center;
    width: 100%;
}

And Sub Menu  Transparency 
nav .menu ul.sub-menu .sub-menu, nav .menu ul.sub-menu .sub-menu li, nav .menu ul.sub-menu .sub-menu li a {
background-color: #FFFFFF!important;
background: #FFFFFF!important;
}

Thanks

[Fernando_]

Hi Mohammad,

1. The sub menu worked out well, but the menu is all the way to the right now. Do you need login info?

My Custom CSS field looks like this:

.tb-welcome{ display: none !important; }

nav#main-navigation .menu ul.sub-menu>li, nav#main-navigation .menu ul.sub-menu>li>a, nav#main-nav .menu ul.sub-menu>li {
font-size: 19px!important;font-family: ‘Raleway’;
}

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

nav .menu ul.sub-menu .sub-menu, nav .menu ul.sub-menu .sub-menu li, nav .menu ul.sub-menu .sub-menu li a {
background-color: #FFFFFF!important;
background: #FFFFFF!important;
}
nav .menu ul.sub-menu li {
border-bottom: none!important;
}

2. And the footer issue?

[Mohammad – SUPPORT]

Hi,
Please provide login of admin .
Thanks

[Fernando_]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I have fixed your issue so please checl . I have put these links at Admin -> Theme Options -> Footer Options -> Footer Copyright Text .

Thanks 🙂
With Best Regards
Swift Ideas

[Fernando_]

Okay, I can live with that solution, but may I ask how to align all of this in the middle and change font size?

I have tried <align=”middle”>, and the <center></center> codes, but the text dissapear.

[Mohammad – SUPPORT]

Hi,
I have done it . Remove <align=”middle”> and put this css

#copyright{text-align:center;}
#copyright p{float:none;}

Thanks 🙂
With Best Regards
Swift Ideas

[Fernando_]

GREAT!

[Mohammad – SUPPORT]

You most welcome
Thanks 🙂
With Best Regards
Swift Ideas

[Kelle27]

Hi there,

I’ve been searching through the forums to try and resolve my centering menu issue.
I don’t know how to code css or html so I can’t tap into the backend of it.

Could you please help resolve my issue.

I’m looking at my website: http://www.kelle.co.nz on a 27inch mac screen. On safari my website top nav menu is not properly centered below my logo. It however looks fine on Firefox.

I’ve only noticed this issue today, so not sure if it was like this yesterday.

Could you please help me look into this?

Kind regards,
Kelly

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Will forward to the development team who got a monitor with that size.
Thanks let’s wait for the reply.

-Rui

[Kelle27]

Hi Rui,

Thanks for your reply.
I’ve also checked my website on my mobile and strangely my website title/logo
‘KELLE’ is now just ‘KEL’ on mobile. I recall a day before it had ‘KELLE’ which is what it should be. I’m curious if me downloading the wordpress dashboard has changed anything? cause I’m scratching my head as to why it’s now like this along with the navigation menu problem I sent earlier.

Could you please check to see how I can get back ‘KELLE’ on my mobile screen.

Kind regards,
Kelly

Attachments:

You must be logged in to view attached files.