Joomla Templates Club 406,261 posts

[thefc_uk Friend thefc_ukJoin date: May 2007Posts: 143Downloads:89Uploads:15 Thanks: 55 Thanked: 20 times in 2 posts]

#161316

Hi all

We have done some customisation to JA Social, but cannot get the megamenu tabs quite right.

The hover-over tabs should be changing to ‘pink’, but they remain a purple. The graphics have been changed, so I’m guessing either I’m missing some sort of z-indexing or a mask over the top :confused:

I’ve also noticed the sub-menu columns don’t align with the left edge of the menu tab – is that normal? If not, how do I align them??

Development site is:
http://dev.btuh.nhs.uk.php5-17.dfw1-1.websitetestlink.com/btuh/

Many thanks in advance for your help 🙂
thebb

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#380891

You try following to this guide: http://www.joomlart.com/forums/topic/menu-problems-ja-social/#post-360880

to resolve the issue

[thefc_uk Friend thefc_ukJoin date: May 2007Posts: 143Downloads:89Uploads:15 Thanks: 55 Thanked: 20 times in 2 posts]

#381136

Hi

Part one of my question was resolved finding we used a PNG with an opacity setting, rather than a solid tint of the colour required.

Having followed your post, one tab appears ok ‘About Us’, but the rest remain about 6px out of alignment.

Any thoughts why?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#381211

with your case, you add the following code into template.css file then check this issue again

.ja-megamenu ul.level0 > li.mega > .childcontent {
margin-left: -15px;
}

Thanks

1 user says Thank You to Saguaros for this useful post

1. thefc_uk

[thefc_uk Friend thefc_ukJoin date: May 2007Posts: 143Downloads:89Uploads:15 Thanks: 55 Thanked: 20 times in 2 posts]

#381257

Hi Tienhc

Many thanks for your help. In then end I went back to the original source CSS from JA Social and all seems ok now after our style modifications.

So all good! 🙂

[Author]

Posts