Joomla Templates Club 406,261 posts

[houstonator Friend houstonatorJoin date: December 2010Posts: 29Downloads:0Uploads:0 Thanks: 3 Thanked: 4 times in 2 posts]

#158464

Hi,

I recently downloaded and installed the latest quickstart installation and it appears the alignment of the mega menu on some menu items is off.

It seems to start to occur on the “Entertainment” menu item and gets worse from left to right after that. The actual mega menu drop down is going underneath the “left menu items” – RSS, Twitter, Interview and Blog menu items. The top border line is disappearing behind these menu items.

The problem occurs on Firefox 3.6+, Google Chrome 8+, IE7 and IE8.

What can I do to fix this?

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#371037

Can you provide a link to your site to take closer look

[houstonator Friend houstonatorJoin date: December 2010Posts: 29Downloads:0Uploads:0 Thanks: 3 Thanked: 4 times in 2 posts]

#371111

Hi,

The problem currently can be seen on your live demo site as it is the same issue:

http://www.joomlart.com/demo/#templates.joomlart.com/ja_teline_iv

I have attached screen shots of what the menu use to look like “preivous” and what the menu currently looks like now seen even on your demo site.

Basically, the menu looked much better previously. I was nearly happy with my previous quickstart website setup however decided to download the latest one expecting it would solve the problem with the XHTML validation only to have even more problems to have to deal with.

---

Attachments:

1. 
2. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#371154

It seems to appear fine in demo site. Please view screenshot

If you wish to make the menu items appear like in previous version, You can change this::

.ja-megamenu ul.level0 li.mega a.mega {mega.css (line 39)
color: #000000;
font-size: 125%;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

to

.ja-megamenu ul.level0 li.mega a.mega {mega.css (line 39)
color: #000000;
font-size: 125%;
font-weight: lighter;
text-decoration: none;
text-transform: uppercase;
}

and probably, change this::

#ja-megamenu ul.level0 {mega.css (line 16)
font-family: ArialNarrowBold,”Arial Narrow”,Arial,sans-serif;
}

to

#ja-megamenu ul.level0 {mega.css (line 16)
font-family: arial;
}

---

Attachments:

1. 

[Author]

Posts