Jump to content
Sign in to follow this  
jamiewalden

Sub-menu Shadow

Recommended Posts

jamiewalden

Hey guys, I'm having trouble with the drop shadow on the sub-menu. I tweaked the width (perhaps not with the best code) of the menu so that the menu items wouldn't wrap. Here's the code i came up with from reading discussions on that:

#primary-nav ul.sf-menu ul li {
	white-space: nowrap;
	width: 17em;
	padding: 3px;
	} 

Should I use different code than above? Or is there something else I should do to extend the drop shadow? Thanks very much for your time. I appreciate it.

Share this post


Link to post
Share on other sites
jamiewalden
crap. sorry. http://blogstage.americandatanetwork.com

Share this post


Link to post
Share on other sites
catrina
Do you have the shadow enabled for your navigation menu in the PlatformPro settings?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
Danny
Hi Jamie, Could you post a screenshot of how you want it to look please and I'll see what I can do.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jamiewalden
Hi Danny, Like I should put a dropshadow on it in photoshop and post? I can do that, but all I need is for the drop shadow behind the drop down menu to extend all the way to the right side. Currently, the shadow only covers the left 80 percent (evidently because the code i used to extend the width of the menu didn't address the shadow). But if a photoshopped image would help, I'd be glad to whip it up. You can see the shadow issue best on this page http://blogstage.americandatanetwork.com/service-line-reports/

Share this post


Link to post
Share on other sites
Rob
It would help as much, if not more, if you included the code you used to create the dropshadow. Thanks.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
jamiewalden
I didn't. I just ticked the box in the platform pro settings that says 'enable dropshadow.'

Share this post


Link to post
Share on other sites
kastelic
Try this: [code] ul.sf-menu ul.sub-menu, ul.sf-menu ul.children { width:231px !important;} [/code]

Share this post


Link to post
Share on other sites
jamiewalden
That did the trick. Thanks Jimmy!

Share this post


Link to post
Share on other sites
Rob
Glad that worked for you.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×