Customize primary navigation links in forced desktop burger menu

Site URL: https://collie-lavender-2bjs.squarespace.com/config/

I am trying to customize my forced burger menu links. I forced my burger menu onto desktop website by adjusting the Mobile Breakpoint in Design>Site Styles>Mobile Breakpoint. I am unsure if that is why I am unable to customize it properly?  I can't seem to find a code that works to change the font for the links "About" and "Contact" in the dropdown menu. I would also like to have my dropdown menu pop out from the right, not the left. Does anyone have any html code that will solve these issues?

https://collie-lavender-2bjs.squarespace.com/config/

pw: CaSd1801

You mean change font name?

Add this to Design > Custom CSS

a.Mobile-overlay-nav-item {
    font-family: 'Made Mirage Thin' !important;
}