Free space for and after the text in sub menu

Hello,
I had too big free space after the text in sub menu tabs. I could center the text with:

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

1. But now I have still too big equal free spaces for and after the text.
How can I resolve this?
2. Can I center the sub menu tabs under the appropriate menu items?
Thank you!

 

Hello,
You can paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

#menu .ddsmoothmenu li li a {
text-align: center;
width:auto;
padding: 7px;
}

You can adjust the value of padding as per your requirement.
I think this will solve your issue.

 

Hi,
1. was fixed
2. didn't change: the width:auto; line breaks only two words in two rows.
Example: if the sub menu is "first menu" it breaks in:
"first
menu"
Thank you!

 

Hello,
Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)
instead of the privious given code.

Code:

#menu .ddsmoothmenu li li a {
text-align: center;
width: 115px;
padding: 7px;
}

You can adjust the value of width as per your requirement.
This will solve your issue.