Joomla Templates Club 406,261 posts

[thexman Friend thexmanJoin date: June 2010Posts: 8Downloads:1Uploads:0]

#159726

Hi there, I have configured one of the menu items to be a 2 column drop down menu, much like the 3 column one in the demo site. However, I am having a problem with alignment of the two Submenu modules that are positioned there in that the right hand side Title is about 10px above the left and looks wonky. See image…

Any ideas ? there are only these two modules in the Submenu position.

The website is http://www.triotech.co.nz/test/fleet

Many thanks, Nick http://www.joomlart.com/forums/images/icons/icon7.png

[thexman Friend thexmanJoin date: June 2010Posts: 8Downloads:1Uploads:0]

#375279

on further research it appears to be this DIV Class;

<div class="megacol column2 last"...

where removing the word ‘last‘ from the class title solves the problem. Can anyone point to the configuration I need to use for this ? or how to remove manually ?

Nick

[taggy86 Friend taggy86Join date: December 2010Posts: 5Downloads:0Uploads:0 Thanked: 1 times in 2 posts]

#375446

Hey nick,

To fix your alignment problem you need to open mega.css found in templates/ja_social/css/menu/mega.css and look for
.ja-megamenu ul.level1 li.first { border-top: 0;}

and change it to

.ja-megamenu ul.level1 li.first { border-top: 0; margin-top: 10px;}

you may need to refresh your cache to see the changes.

[jewellman Friend jewellmanJoin date: September 2009Posts: 80Downloads:25Uploads:19 Thanks: 10]

#383737

This suggestion worked for Firefox but is still 10px higher on the last column for IE 8…. Any suggestions?

Thanks!

Jimmy

[Author]

Posts