Main Menu - drop down not lining up

Main menu dropdown not lining up.
already added this css I found on this forum…
#mainnav ul li ul {
-webkit-transform: translateX(85px);
-moz-transform: translateX(85px);
-ms-transform: translateX(85px);
-o-transform: translateX(85px);
transform: translateX(85px);
}
but the drop down still shows like this…


The drop down under Our Media, the line extends to under BLOG
Please advise on how to correct
Is there additions css to add to the css I already have?

Also, I had to add the css to
Additional Css
not
Simple Custom Css
would not take it.

To my understanding when I update the theme this css will disappear?

Hello there,

I’d like to help, but didn’t get the exact final result you’d like to achieve.

That code works by moving the sub menu position a bit to far right. You could increase the value to get more noticeable result.

Please take a screenshot and put some descriptive annotations.

Regards,
Kharis

I have a screen shot above for you. Could you please suggest how to edit the code for the result Im looking for?

Hello there,

Your code already does so. Probably you should change the values?

Regards,
Kharis