How do I remove the borders from the drop-down options in the navigation bar

[jamesjfoley]

Hi Community,

I'm using a standard birdseye them in Weebly and have a white navigation bar.  When I mouse over these to see the drop-down menu options, these optons are shown with a black border around them.

Can anyone help me understand how to remove the border altogether (or make it white like the background) ?

I'm happy to edit CSS but not sure which lines of code to change.

Many thanks - your help is much appreciated.

Kind regards,

James

[Adam7]

Is your site live, James? It's usually easier to look at the live site to figure out what to change.

[jamesjfoley]

Thanks - it's published at adserveplc.weebly.com

As you can see, when you mouse-over the navigation bar the drop-downs have a black box around them which I'd like to remove.

Thanks

James

[jamesjfoley]

Thanks - it's published at adserveplc.weebly.com

As you can see, when you mouse-over the navigation bar the drop-downs have a black box around them which I'd like to remove.

Thanks

James

[Adam7]

Ok - try using this in Settings > SEO > Header Code:

<style>
	#wsite-menus .wsite-menu
	{
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		-ms-box-shadow: none !important;
		box-shadow: none !important;
	}
</style>

That should remove the border on the live site.

[jamesjfoley]

Thank you so much for that - it's really appreciated.

As you can see on the live site (adserveplc.weebly.com) the drop down is a little higher than the navigation bar... it seems to start a few pixels too high. Is there any simple way to make the nav-bar and drop-downs a little more perfect in terms of how they display?

Any help would be greatly appreciated.

Thanks

James

[Doddled]

Hi Adam, can you please advise me how to remove on my site, I am presuming its site specific to what code is inserted?

Thanks Mark