Change line spacing + add outline to menu

Hi there,

Is it possible to adjust the line spacing (leading) for the dropdown menu? I want to space it out a bit more.

It would also be great to add a thin stroke to the menu to help it stand out from the background a bit better.

Thanks!

https://www.stlukes.ie/home

@niteshifte Here's a code snippet to add line spacing and outline to dropdown menu:

.header-nav-folder-item {
	line-height: 1.8 !important;
}

.header-nav-folder-content {
	padding: 1em 1em !important;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
}

4 minutes ago, Lesum said:

@niteshifte Here's a code snippet to add line spacing and outline to dropdown menu:

.header-nav-folder-item {
	line-height: 1.8 !important;
}

.header-nav-folder-content {
	padding: 1em 1em !important;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
}

 

Incredible!! Thanks so much Sam!! Whilst I have you Sam, is there a code I can add to this to round the corners of the drop down? Thanks again!

1 minute ago, Lesum said:

Here's is the updated code with rounded corner: 

.header-nav-folder-item {
	line-height: 1.8 !important;
}

.header-nav-folder-content {
	padding: 1em 1em !important;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
	border-radius: 5px !important;
}

Genius Sam! Thanks so much!!