jamiewalden 1 Report post Posted October 17, 2011 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
kastelic 6 Report post Posted October 17, 2011 link to site? Share this post Link to post Share on other sites
jamiewalden 1 Report post Posted October 18, 2011 crap. sorry. http://blogstage.americandatanetwork.com Share this post Link to post Share on other sites
catrina 103 Report post Posted October 18, 2011 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
jamiewalden 1 Report post Posted October 18, 2011 Yes, the shadow is enabled. Share this post Link to post Share on other sites
Danny+ 1,327 Report post Posted October 18, 2011 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 1 Report post Posted October 18, 2011 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 547 Report post Posted October 18, 2011 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 1 Report post Posted October 18, 2011 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 6 Report post Posted October 18, 2011 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 1 Report post Posted October 19, 2011 That did the trick. Thanks Jimmy! Share this post Link to post Share on other sites
Rob 547 Report post Posted October 19, 2011 Glad that worked for you. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites