Page orientation in navigation

[racingwinds]

Hello, I was wondering if it is possible to alter the navigation bar so that the page titles are centered as opposed to being left-aligned as they are now. I am fine with the search/subscribe icons being right-aligned, I just want to change the page links so they are centered. Is this possible?

[Mohammad – SUPPORT]

Hi,
How can i check this issue? Please provide website URL so i can check it easily.
Thanks 🙂
With Best Regards
Swift Ideas

[racingwinds]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code bellow to your custom css options.

@media (min-width: 960px) {
#main-navigation > div {
margin-left: 200px!important;
}

Let us know if it worked

– Rui

[racingwinds]

Hi, yes it did work, however now the pages are on two lines (I suppose because there are so many of them). Is there a way to ensure that they all appear on one line?

[Rui Guerreiro – SUPPORT]

Hi,

The code we provided only affects resolutions higher than 960px.
Guess you are seeing 2 lines in lower resolutions.

Do you want to show this menu format(check attached image) in that resolution that breaks in 2 lines?

https://www.dropbox.com/s/t0g2eedy2otqggh/mobile_menu.png

-Rui

[racingwinds]

I’m seeing the navigation displayed across two lines on all resolutions, including 1280×800, which I am currently using. This does not appear to be a problem which affects only resolutions less than 960px.

I added the code you provided above to the Custom CSS options on the Pinpoint theme options page. Should I have done it differently?

[Rui Guerreiro – SUPPORT]

This is what I’m seeing

https://www.dropbox.com/s/h7e8lm35992mfbp/imperial_homepage.png

Can you try to clear your cache. What browser are you using?

– Rui

[racingwinds]

I’m using Safari.

This is what I’m seeing:
http://f.cl.ly/items/2z363B2p0j021L2d0o1N/ImperialHP.tiff

This is what I want to see (quickly pieced together in Photoshop):
http://f.cl.ly/items/2S1f3N1Z2t3R1Q2R090g/ImperialWTS.png

[Rui Guerreiro – SUPPORT]

Hi,

I’m getting the same like you in Safari,

Replace the previous code by this one:

@media (min-width: 960px) {
#main-navigation > div {
margin-left: 200px!important;
}
.fullwidth-layout #main-navigation {
width:850px!important;
}

}

-Rui

[racingwinds]

Everything is now on one line again, but still not centered under the logo.

[Rui Guerreiro – SUPPORT]

Can you provide admin access? Now it seems that you remove that custom css code.

-Rui

[racingwinds]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Already added a few more css code.
Please check it now again.

-Rui

[racingwinds]

Thanks Rui, this is exactly what I was looking for! Thank you for your help.