Drop down menu

[Marian2]

I'd like to change the width of the drop down menu - or at least, center the text in it.  I can't find the code to do this. I'm using the 'Susan Smith - Birdseye 2' theme. I see the code for the nav bar - I can change the border color, make the right margin smaller, etc. but I don't see code for the drop down.

[Adam7]

Is your site live, @Marian? It's sometimes easier for people to provide advice if they can see it published.

[Marian2]

Here is the link - http://mwillmott.weebly.com/

I'd like to make the border lighter also like I did in the nav bar  Also, I'm surprised all the pages don't have a gradient like the home page - I haven't look in the code for this.

[Adam7]

Something like this in Settings > SEO > Header Code will change it on the live site:

<style>
	#wsite-menus .wsite-menu {
		-webkit-box-shadow: inset 0px 0px 0px 0px #000000 !important;
		-moz-box-shadow: inset 0px 0px 0px 0px #000000 !important;
		-ms-box-shadow: inset 0px 0px 0px 0px #000000 !important;
		box-shadow: inset 0px 0px 0px 0px #000000 !important;
		border:1px solid #cccccc;
	}
	.wsite-menu-subitem-wrap 
	{
		width: 150px !important;
	}
</style>

[Marian2 · Accepted solution]

Thank you!  I appreciate your time and expertise.  In the meantime, I decided to use a previous theme I used in the past which is easier to customize.  I am glad to know about this code for the future - I also tend to use slideshows which are also 'live'. What is the advantage of a navigation drop down being 'live'? thanks, Marian

[Adam7]

That's ok! There's always more than one way to get the results you want. Navigation drop-downs are a convenient way to add more pages to your navigation but not have them immediately exposed, so it reduces clutter.