Right Justify Dropdown Menu - 1 Nav tab ONLY

Site URL: https://www.ciadc.org/

Help! Just edited our menus and now the "About" dropdown menu runs off the screen. Is there a way to right justify one navigation tab dropdown (About) while leaving all others left justified?

Thank you!

Add to Home > Design > Custom CSS

.main-nav ul>li:nth-child(8) * {
    text-align: right !important;
}
#topNav nav ul li.folder-collection:nth-child(8) .subnav {
    left: 0 !important;
}

1 hour ago, tuanphan said:

Add to Home > Design > Custom CSS

.main-nav ul>li:nth-child(8) * {
    text-align: right !important;
}
#topNav nav ul li.folder-collection:nth-child(8) .subnav {
    left: 0 !important;
}

 

That does right-align the dropdown sub nav text, but I am looking to have the entire grey dropdown block and text right justified, to align with the "t" in the "ABOUT" top nav (similar to how the grey dropdoen block is left justified to align with the "A" in "ABOUT" now).

The goal is to keep the dropdown from running off the screen.

Thank you!

Add to Home > Design > Custom CSS

/* Align last navigation */
.main-nav ul>li:last-child .subnav {
    right: 0 !important;
}