How can I center this Wordpress navigation?

The theme author isn't helping and I've tried tweaking the CSS to the nav, containers, the ul - nothing is working. Could I get some help?


You need to specify width for your top naviagtion and set margin. Please try below.

Make this change in your style.css

#main-navigation ul {
   margin: 0px 0 0 0;
   padding: 0px 0;
   list-style-type: none;
   width: 865px;
   margin: 0 auto;

Hope this helps

Tags: Html / Css / Wordpress

Similar questions

how to center wordpress navigation
What would be the best way to center the navigation on this wordpress page: tried this: from here: but has absolute no affect Thanks in advance.
how to put the logo in the center of other items in the navigation bar
I'm developing a website in wordpress and I have to create a navigation bar in which the logo of the website has to be put between items like this: I'm thinking to use the Walker class but I don't know where to start. Do you have other/better suggestions? Thanks!
Make a Responsive Javascript Horizontal Navigation with Logo in Center
I found a question/post on this site that works great upon first looking at it, until I need it to do more, and I have played with it and have not found a solution yet as to get it to do what I need it to do. I am building a site for a client so I need it to be easy to operate in terms of if the client wants to change the actual order of things, so...
How to center the navigation?
I am trying to customize a navigation of a Wordpress-theme. I have tried everything but the navigation is just not centering. I have tried it with text-align: center; display: inline; display: inline-block. And even with margin: 0 auto; Nothing seems to work. Maybe I'm applying the rules at wrong place? I am thankful for any help. Here is the HTML-...
Two-part Bootstrap navigation menu with logo in the center
I am making a dynamic wordpress links in navigation bar using nav_walker. How can i implement center something like this in wordpress nav_walker: How can i do that or something provide me jsfiddle to come up with that please. Is it two nav_walker function for left and right navigation? how can i insert the navbar brand in center? can anyone give me...
Position FlexSlider navigation bar at center properly
I working on small project, and have an weird issue that cant resolve myself. I have a flex slider gallery, that is shown images into ribbon bellow main center image. But for some reason, it shown the ribbon not center positioned, and left and right pointers dont work. This is code for that element: and this is CSS for that element: This is now loo...

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.