WordPress theme css : impossible to change navigation position

1 Views

I’m working with this free theme : http://demo2.woothemes.com/mystile/

And I would like to change the position (put it on the center) of the main navigation menu. (the one with home, shop …).

Read More

I have traveled through the style.css and layout.css (also tried with firebug) but I can’t find where it’s indicated that it should be on the right. I guess it’s a “float:” ?

The only way I have found to change its position is to put this in the custom.css : 

body #navigation {
position:absolute;
top:165px;
left: -50%;
right: 0;
margin: auto auto;
}

But that’s not exactly centered …

Can someone help me?

Post Views: 1

Related posts

Leave a Reply

3 comments

  1. Try adding this css properties in your stylesheet:

    #navigation {
    position: absolute;
    width: 100% !important;
    text-align: center;
}
#navigation ul {
    float: none !important;
    display: inline-block;
}

    Just copy and paste the above css code in your css stylesheet.

  2. Try to add this properties to the following classes:

    nav#navigation{
 width: 100%;
}
ul#main-nav{
 position: relative;
 right: 50%;
 transform: translateX(50%);
}

    This code will center that menu.

  3. well it depends how you have it set up with your entire code.. try this and see how it helps 

    #navigation {
  width:100%;
  left:50%;
  position:absolute;
  text-align:left;
  margin-left:-601px;