Public Forums 71,145 posts

[pixiedavis Friend pixiedavisJoin date: February 2009Posts: 2Downloads:0Uploads:0 Thanks: 2]

#137750

Hi Joomla newbie

Joomla 1.5.9 – using suckerfish menus

Have created menus OK and managed to get dropdown (sub) menus working.

However the actual button is smaller than the background.

How do i change the width of the background and the width of the button.

This is my first attempt and you can view the problem on a test site at http://www.idmu.sohost.co.uk

If you hover over the second item (prices) on the horn nav you will see what i mean.

Any help appreciated

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#289635

Dear pixiedavis !

You can fix it following way below :

Open ja-sosdmenu.css file in templates/ja_purity/css folder, find following code section at about line 31 :


#ja-mainnav li ul {
left:-999em;
position:absolute;
width:100px;
}


change to :


#ja-mainnav li ul {
left:-999em;
position:absolute;
width:120px;
}


1 user says Thank You to Sherlock for this useful post

1. pixiedavis

[pixiedavis Friend pixiedavisJoin date: February 2009Posts: 2Downloads:0Uploads:0 Thanks: 2]

#289699

Thanks for that

I eventually used

#ja-mainnav li ul {
position: absolute;
width: 142px;
left: -999em;
}

and

#ja-mainnav ul ul a { /* sub-links */
width: 100px;

Not the same as what you suggested – but you pointed me in the right direction.

Update —-

When i changed the padding and line height it all went pear shaped again…. however by manipulating the above lines i was able to get it right, thanks again

[Author]

Posts