change alignment of dropdown navigation and text links

Hello all,

I've found posts that address this issue in 7.1, but I am on 7.0 York/Jasper template and can't find a solution.

I'm trying to change the alignment of dropdown folders in my main navigation.

Currently, the dropdown folders align with the left of the folder name, and the text links are left-justified within it.  I would like to have the folder align with the right of the folder name, and have the text links within be right-justified.

Why I want this: my right-most navigation menu item is a dropdown, and it hangs off the page at certain smaller sizes (see pic).

Hi,

What is your site url? We can check easier

www.robinmandel.net

You can add this to Design > Custom CSS

/* About item */
div.nav-item.folder:last-child .subnav {
    margin-left: -100px !important;
}

Thanks for your reply and for this code, which works! How would I edit this to have the "Series" dropdown align in this manner as well, in addition to the "About" dropdown? And how can I get the text links inside each dropdown to align to the right of the dropdown box rather than the left?

thank you!