Changing width of drop down menu

Hi, does anyone know how to reduce the width of a dropdown header menu (from a Folder) in 7.1.? 

I am building a multi-lingual website, and the menu looks quite odd being significantly wider than the options (see screenshot). Any help would be great!  

Can you share link to your site?

fossilfueltreaty.org (will message you password, it's still in development)

I think I didn't receive message

add to Home > Design > Custom CSS

.header-nav .header-nav-item--folder .header-nav-folder-content {
    width: 100px;
}

On 1/29/2020 at 12:58 PM, tuanphan said:

I think I didn't receive message

add to Home > Design > Custom CSS

.header-nav .header-nav-item--folder .header-nav-folder-content {
    width: 100px;
}

 

what if i have multiple folders in my navigation bar?

i don't want the width to apply to my other folders. is there a way to reduce the width for the language folder only?

Just now, ashhw said:

what if i have multiple folders in my navigation bar?

i don't want the width to apply to my other folders. is there a way to reduce the width for the language folder only?

Can you share link to your site?

2 minutes ago, tuanphan said:

Can you share link to your site?

https://snail-coral-5ea7.squarespace.com/

password: ndcccs1

2 minutes ago, ashhw said:

https://snail-coral-5ea7.squarespace.com/

password: ndcccs1

a.header-nav-folder-title.exclude[href="/language"] + .header-nav-folder-content {
    width: 50px;
}

2 minutes ago, tuanphan said:

a.header-nav-folder-title.exclude[href="/language"] + .header-nav-folder-content {
    width: 50px;
}

 

thanks! it worked!