Neighborhood Menu bar

[sarahnorm]

I have tried finding out where to post a support ticket about my issue but it is not very clear. Hopefully this will find someone.

I have looked at support tickets for centering my main menu bar, top bar and copyright section. I have solved the copyright section with some of your coding but I don’t seem to be able to centre my menu bar. I have nothing on the righthand side so I want it to be dead centre. I can centre it within the panel but it is still off to the left. Please can you help.

[David Martin – Support]

Hi Sarah,

We can likely provide you some additional CSS. Have you edited and files at all?

Could you please supply a WP login credential for us and post a link to your site or page in question for us to investigate?

Thanks.

[sarahnorm]

This reply has been marked as private.

[David Martin – Support]

Hi,

Those login details do not work for me. Could you check and re-post?

Thanks. 🙂

[sarahnorm]

http://www.cherryhillpavilion.co.uk/wp-login.php/

admin

CHPavi2015

 

have a try with these

[David Martin – Support]

Here is the code (I have added this for you and it works very nicely):

#main-nav .span9 {
  width: 96.5%;
  margin: 0 3%;
}

#main-navigation {
  position: relative;
  float: none;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  display: inline-block;
}

#main-navigation ul.menu {
	text-align: center;
}

Thanks.

[sarahnorm]

That’s brilliant. Thanks

 

Don’t suppose you could do the same for the top bar lefthand wording could you?

[Mohammad – SUPPORT]

Hi,

Please use also this custom css code:-

.tb-left{width: 100%;
text-align: center;
position: absolute;
bottom: -5px !important;}

.tb-right{

float:right !important;

}

[sarahnorm]

Following on from the above. All is looking good but I am having a few issues when I view on a mobile and tablet.
1) Mobile: the logo is going off to the left. I don’t mind it aligning left but I need the whole logo to show. Also the Facebook icon has disappeared.

2) Tablet: The Logo is off center and I don’t seem to eb able to change it without affecting the computer version.

If you can help that would be great. Thanks

[David Martin – Support]

Hey,

For the logo alignment issue you need to remove this: margin-left: -70px;

.header-row {
 margin-left: -70px;
}

Thanks,
David.

[sarahnorm]

That has sorted out the mobile but the trouble is that when I do that the logo in the header goes to the right and is not exactly centred in the middle perhaps you could help me with that issue then. Thanks

[Mohammad – SUPPORT]

Hi,
Please attach marked screenshot to indicate the issues.
Thanks
Mohammad

[David Martin – Support]

Hi,

To resolve that, please add:

div#logo.span4 {
  margin-left: auto;
}

Thanks.