Change of Menu Padding and Width

I am using the SwiftRay Theme for the following site - www.partnerandpartner.com . Since there are a number of main and sub-menu items and the menu names are fairly long i would like information and guidance about the following:

1. Padding – I need to reduce the space between the menu items – which part of the CSS do I have modify. I need to modify the main menu padding (say Accountancy, Taxation, etc) and sub menu padding (say Bookkeeping, Payroll, etc within Accountancy)

2. Column Width - I need to increase the width of the sub-menu column – which part of
the CSS do I have modify?

Thank you for your support.

Joe

 

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

Code:

#menu-wrapper ul.ddsmoothmenu li{
padding-bottom:1px;
}
 
menu-wrapper ul.ddsmoothmenu li ul {
width: 300px!important;
}
#menu-wrapper ul.ddsmoothmenu li ul{
padding-top:1px;
padding-bottom:1px;
}

Adjust its values as per your requirements.

 

Would you kindly confirm that i have to paste the above code and NOT update the respective code in the existing CSS.

 

Yes, You can paste the code in Custom css

 

I have pasted the following and updated the values as suggested:

#menu-wrapper ul.ddsmoothmenu li{
padding-top:0px;
padding-bottom:0px;
}

menu-wrapper ul.ddsmoothmenu li ul {
width: 500px!important;
}
#menu-wrapper ul.ddsmoothmenu li ul{
padding-top:0px;
padding-bottom:0px;
}

have a look at www.partnerandpartner.com

1. The padding on top of the text is not the same as the padding on the bottom of the text (although the values are the same)
2. Although i have increased the width of the sub-menu in the CSS, it has remained the same

What do you suggest?


Joe

 

Please provide the following information listed below.
Send this information on our email at [email protected]

Thread Link:
Your Website URL:
WordPress Username:
WordPress Password:

We will check and resolve your issue.

 

Support mail sent.