Joomla Templates Club 406,261 posts

[dbatteiger Friend dbatteigerJoin date: October 2010Posts: 8Downloads:0Uploads:5 Thanked: 1 times in 1 posts]

#188884

Hello,

I am using Mega menu in my website. The problem is if try to access the menu on the webpages where article length is small the drop down menu overlaps with the footer and gets trimmed off. Is there a way to fix this? Please refer to the attached image.

Also, I would like to know if we can set default height to an article because the footer keeps coming close to the article if its length is small.

Thanks in Advance

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#498780

Hi athayil,

It is really normal. As you see, You publish many sub-menu items in a parent menu item while the height of article is quitely small because of short content. By default, the article has height: auto; which makes full content of article to be displayed.

In order to make the footer not more closed to the content section, you need to open /templates/ja_university/css/template.css. Then find lines:

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-container .main {
padding: 20px 0 0;
/*your styles*/
}

You can try to add margint-bottom: 50px; as en example style. Clear JAT3 cache after saving changes.

[dbatteiger Friend dbatteigerJoin date: October 2010Posts: 8Downloads:0Uploads:5 Thanked: 1 times in 1 posts]

#498863

Hi Leo,

Thanks for your reply.I think you misunderstood my question. In the image I attached(refer to actual.png), there are actually 12 sub menu items but if the article length is small and when the drop down menu goes over the footer the sub menu items wont show up after the footer ends.Like in the image I attached(menu.png) you can only see 6 blacked sub menu items and 1 sub menu which is partially displayed, the rest 5 menu items wont show up.

Please see the two images attached for more clear understanding. actual.png shows the drop down menu on home page which has 12 sub menu items. menu.png shows the same drop down menu on other page where article length is small and you can see only 6 sub menu items are displayed and 7th sub menu is partially displayed. The rest 5 menu items are trimmed off.

Ideally the menu should show up even after the footer is displayed.Please refer to the current.png image attached. It is the expected behavior and we have this working in our 1.6 version of Joomla website.

Please let me know if you need any further information.

Thanks in Advance

---

Attachments:

1. 
2. 
3. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#498879

Hi athayil,

If posible, can you send me a PM with your website’s url ? I thought we can solve your issue with some css tricks.

* Remember to send your front-end access if your website is offline.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#499421

Hi athayil,

Thank for your descriptions in recent PM, I has gotten it. Well, I will show you two potential solutions on your issue:

1. Displaying the child menu items into 2 columns.
On JA University template, we include the Parameters (JA Extended) options which allow user to display child menu items, positions, modules into the different group/ columns. This method will help to reduce the height of child menu items, so that the dropdown menu won’t be overlaped by footer section.

2. Increasing the height of article content.
You need to open templates/ja_university/css/template.css, then put below codes into the end of file:

.ja-content-main {
margin-bottom: 20px;
min-height: 1000px;
}


This method also helps to solve your issue, but there will be a blank space under the article content.

[Author]

Posts