Header Menu - Drop down Issues

1- My header menu drop down located on the right is being cut off.

2- I was able to change the background color of the dropdown menu, but for some reason the background color of the first item in the drop down didn't change.

#menu li a.selected {
color:#C81D26;
}
#menu li.current_page_item a, #menu a:hover {
color:#C81D26;
}
#menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover {
color:#C81D26;
}
#menu .ddsmoothmenu li ul li {
background-image:none;
background:#CBECB0;
}


See MightyPizzaOven.com​

 

1.For your first issue.
Our technical team working on it, We will contact you as soon as possible.

2.For your second issue.

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

Code:

#menu .ddsmoothmenu ul li:first-child{
background:#CBECB0!important;
}

 

Thank you.

In regards to the second issue, how can I adjust the space above the first link.

 

Please specify about which link link you are talking.

 

The first link on every drop down menu.

 

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

Code:

#menu .ddsmoothmenu ul li:first-child{
padding-top:10px;
}

Adjust its value as per your requirement.

 

Thanks,

Any update to resolve header menu drop down located on the right is being cut off.

 

Download theme from your members area and upload it, This will solve your issue.

 

Thanks... It worked