Public Forums 71,145 posts

[billbo1970 Friend billbo1970Join date: September 2012Posts: 33Downloads:0Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#181294

Hello everybody,

I’m having an issue w/the megamenu in JA_Purity 2 on Joomla 2.5.7

I’ve just upgraded & migrated, so I’m still trying to figure out how to tweak some of the settings. The issue I’m having right now is that my sub-menu only partially displays on short pages if it has a lot of child menu items. For example, on the pages below you will see that Only some of the items in the Diecast menu are displaying on a short page. On a longer page, the entire Diecast submenu displays as it should.

Missing items in sub menu

Complete sub menu

Is this an overflow setting somewhere? I’ve taken a look at the mega.css file, and found the following entry, is this the setting I’m looking for?

.group-title {
border-bottom: 1px solid #444
overflow: hidden;

If so, what is the correct syntax to change hidden to display? Thanks in advance!

Bill

---

Attachments:

1. 
2. 

[billbo1970 Friend billbo1970Join date: September 2012Posts: 33Downloads:0Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#469544

I did a search on CSS syntax, and I’ve tried editing the setting to both visible, and auto. Neither change seems to affect the issue, am I in the wrong file for this?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#469588

<blockquote>Open templates/ja_purity_ii/css/template.css file</blockquote>
from

#ja-container .main { padding: 20px 0; min-height: 300px; }
change to

#ja-container .main { padding: 20px 0; min-height: 600px; }

Remember clear cache from Admin area

1 user says Thank You to Ninja Lead for this useful post

1. billbo1970

[billbo1970 Friend billbo1970Join date: September 2012Posts: 33Downloads:0Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#470555

Ninja,

Ah, I see what you have done here. You’ve made it so that even if the page is “short” it will still be at least 600px in height, so that the sub-menus display properly. Good thinking! Do you know why the “overflow” settings were not working?

Bill

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#470691

Because main menu your site is very long and your page version is short. That is the reason why the main menu was overflowed.

[billbo1970 Friend billbo1970Join date: September 2012Posts: 33Downloads:0Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#471100

Thanks for the info Ninja, but I thought this field was supposed to handle overflow?

.group-title {
border-bottom: 1px solid #444
overflow: hidden;

change to:

.group-title {
border-bottom: 1px solid #444
overflow: visible;

It didn’t do that though. Do I misunderstand this section of code, or does it just not work correctly?

Bill

1 user says Thank You to billbo1970 for this useful post

1. Ninja Lead

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#471126

Great with your solution.

[Author]

Posts