Shape 5

Joomla Templates => Touch of Soul - Club => : jsuzqdv April 05, 2010, 06:46:59 PM



: Fading No Moo Menu width
: jsuzqdv April 05, 2010, 06:46:59 PM
Is there an EASY way to change the width of the drop-down fading menu.  I would like to see it a little narrower as my menu items are not as wide as those in the demo.  I looked through the css and didn't see it, then glanced at the script.  I decided it was best that I not try anything lest I break it.

Thanks


: Re: Fading No Moo Menu width
: mikek April 06, 2010, 07:24:36 AM
Hello, there's several edits you will have to do but it could be tricky. You'll need to edit s5_suckerfish.css and search for "width" every place width shows reduce the amount by 20 or 30 or 40 for all of them.


: Re: Fading No Moo Menu width
: jsuzqdv April 06, 2010, 08:36:33 PM
Thanks Mike, this was easy.   The css I am comfortable with, the script not so much.   It worked like a champ except there's a margin entry that needs to be changed also.  Here's the edits in case someone else wants to do this also.

I reduced width by 40 as suggested but it can be whatever works for you. 

#s5_navv ul ul a     change width from 190px to 150 px
#s5_navv li ul       change width from 215px to 175 px
#s5_navv li li       change width from 215px to 175 px

You also have to change the margin from 215 px to 175 px on this entry to match the other change.
#s5_navv li ul ul {
   margin: -36px 0 0 175px;