centering main nav and footer

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 19 replies, 5 voices, and was last updated 10 years by Rui Guerreiro – SUPPORT.

Viewing 15 posts - 1 through 15 (of 20 total)

1 2 →

Back to forum

Posted in: Neighborhood
March 19, 2014 at 11:31 am #58937

Fernando_
Member

Post count: 50

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.

March 19, 2014 at 12:05 pm #58950

Mohammad – SUPPORT
Moderator

Post count: 27441

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

March 19, 2014 at 12:58 pm #58971

Fernando_
Member

Post count: 50

So sorry! It’s live now

March 19, 2014 at 1:29 pm #58984
Mohammad – SUPPORT
Moderator

Post count: 27441
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
March 19, 2014 at 1:43 pm #58988

Fernando_
Member

Post count: 50

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?

March 20, 2014 at 10:14 am #59258

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Please provide login of admin .
Thanks

March 20, 2014 at 10:21 am #59264

Fernando_
Member

Post count: 50

This reply has been marked as private.

March 20, 2014 at 10:50 am #59294

Mohammad – SUPPORT
Moderator

Post count: 27441

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

March 20, 2014 at 1:02 pm #59356

Fernando_
Member

Post count: 50

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.

March 20, 2014 at 1:34 pm #59364
Mohammad – SUPPORT
Moderator

Post count: 27441
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
March 20, 2014 at 1:35 pm #59366

Fernando_
Member

Post count: 50

GREAT!

March 20, 2014 at 2:12 pm #59397

Mohammad – SUPPORT
Moderator

Post count: 27441

You most welcome
Thanks 🙂
With Best Regards
Swift Ideas

October 15, 2014 at 7:33 pm #120575

Kelle27
Member

Post count: 21

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.

October 15, 2014 at 11:09 pm #120615

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

Hi,

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

-Rui

October 16, 2014 at 7:58 am #120665

Kelle27
Member

Post count: 21

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.
Back to forum

Posted in: Neighborhood