Centering Menu

[Twitch]

Hi,

Could you help centering the menu, there are some posts regarding this topic it didm’t work for me could you help me out?

Website: http://www.streetammo.nl

Regards,

Twitch

[Rautureau]

Hi,

I’m not from the staff but you may try to add this code in the css of your child theme.
It worked for me but I don’t use any drop down menu.

#main-nav .row > .span9 {
width: 100%;
}
#main-nav .row > .span3 {
display: none!important;
}
#main-navigation > div > ul {
width: 100%;
text-align: center;
}
nav .menu li {
float: none;
}

#main-navigation > div {
margin-left: -30px;
}

Regards,
Ben

[Melanie – SUPPORT]

Thanks Ben 🙂

[Twitch]

Well my Shopping bag is gone now..that should’t be the case.

[Rautureau]

Try to delete this lines from the custom code I gave you.
I’m using this theme as a catalog so I don’t have any shopping bag.

To delete:

#main-navigation > div {
margin-left: -30px;
}

R,
Ben

[Kyle – SUPPORT]

Did you remove this code @Twitch ?

– Kyle

[Melanie – SUPPORT]

My guess is that this code

#main-nav .row > .span3 {
display: none!important;
}

removed the cart, try removing that too!

[Twitch]

Hi all,

First of all, thank you for the great support.

However it didm’t work for me.

First I did what Kyle suggested, this centered the menu, however it was without the cart.
Then I did what Mel suggested and the result can be seen on my website.

Is there something else i could do?

Thanks

[Melanie – SUPPORT]

Hey, it gets pushed down because the css above resizes the navigation to 100 % with this custom css

#main-navigation > div > ul {
width: 100%;
text-align: center;
}

which makes the shop being pushed down. So in general there is to say that this css isn’t for you because your setup is different, so you can remove it again and we can look for another way for you.

[Twitch]

Hi,

I have removed the code, could you also look at the slider please?

The picture is centered.

[Kyle – SUPPORT]

How come you have your menu hidden?

I think you need to add this css:

.home #main-navigation {
  visibility: visible;
}

As for the slideshow, it will be something to do with your settings, please could yo provide a login via private reply so I can take a look whats causing the position of the image?

– Kyle

[Twitch]

It is only hidden on the landing page, but in the shop it isn’t hidden.

[Kyle – SUPPORT]

Ahhh Ok

As for the slideshow, it will be something to do with your settings, please could yo provide a login via private reply so I can take a look whats causing the position of the image?

– Kyle

[Twitch]

This reply has been marked as private.

[Kyle – SUPPORT]

Sorry but it says that it is an invalid username

– Kyle