Centering Navigation Items

Can you please tell me how to center my navigation items? It looks strange, especially with a second row for them to all be left justified.

Here is may page: http://www.caringqualia.com/

Thank you.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

#menu .ddsmoothmenu li {
display: inline-block;
float: none;
}

Thanks & Regards
Nitesh Raghuwanshi

 

That did not seem to work. Any other ideas?

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

#menu .ddsmoothmenu li {
display: inline-block!important;
float: none!important;
}

Thanks & Regards
Nitesh Raghuwanshi

 

Sorry, but still not working.

 

Also, is it possible to add the horizontal dotted line between the two lines of navigation items?

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#menu .ddsmoothmenu {
text-align: center;
}
 

This will make the menu centered.

 

I am sorry, but this is still not working. And any thoughts on how to add the dotted horizontal line between the two lines?

 

Hello,

Go to the style.css file present in your theme directory and paste the code given below in that file as instructed in the image given below.

Code:

background: url(images/dashline.png) repeat-x bottom,url(images/dashline.png) repeat-x center, url(images/dashline.png) repeat-x top;

This will solve your issue.

 

That worked for the dotted line, but centering is still not working.

 

Hello,

For centering try this code.

Code:

#menu .ddsmoothmenu li {
display: inline-block;
float: none;}
#menu .ddsmoothmenu {
text-align: center;}

Thanks & Regards
Nitesh Raghuwanshi

 

That worked!!! THANK YOU!