Public Forums 71,145 posts

[dick_speksnijder Friend dick_speksnijderJoin date: May 2011Posts: 4Downloads:0Uploads:1 Thanks: 3]

#189832

Hello,

This is my first post, so if it is not on the right place I apologize for that.

I’m building a Joomla v.3.1.5 website on Xampp with JA Blank v.1.4.1 template. And of course I use a lot of great add-ons from JoomLart. One of them is the Megamenu. Customisations on the Blank template are done in custom.css (as advised).

To explain my problem, I’ve changed the height of .t3-mainnav to 100px so that the problem is better visual.

Here is my problem:

When choosing menu options from either the FrontPage or from a page chosen from a menu option, that has no submenu everything is oke.
But at the moment a page is chosen from a sub submenu option it goes wrong. Then the Megamenu submenu and sub submenu’s are falling behind everything else when opening the menu.

To see the full menu again one needs to go back to the FrontPage.

I think that the solution to my problem lies in the use of z-index but I don’t find the right place.

Can anybody point me in the right direction if this is NOT the use of z-index, and if this IS z-index please tell me what part I need to put in custom.css so that the 2 level submenu is showing also correctly.

Thank you in advance.

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#502621

Hi dick_spelsnijder,

There maybe something wrong with your customization in this menu, it’s best if your site is online and give me url so that I have a close look and check this for you.

Regards,

Nazario

[dick_speksnijder Friend dick_speksnijderJoin date: May 2011Posts: 4Downloads:0Uploads:1 Thanks: 3]

#503021

Hi Nazario,

The site is live since a couple of days and can be found at http://www.sportclubbemmel.nl/
The only thing I have changed is the height of de black menu bar, so the problem is still visible but only a bit difficult to see.
I hope you can give me a direction for the solution.

[dick_speksnijder Friend dick_speksnijderJoin date: May 2011Posts: 4Downloads:0Uploads:1 Thanks: 3]

#503515

Hello Nazario A,

Did you got the opportunity to take a look allready?

If anybody else can get me on the right track please do so.
Thank you in advance.:)

D.

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

#503705

Hi Dick,

We are really sorry for the late response on your issue. Well, the reason is that the menu item’s dropdowns are overflowed under the container section of JA Tabs modules which you are displaying in the child menu item of Teams. You can solve this issue by adding below codes into custom.css file:

.t3-mainnav .navbar {
z-index: 15;
}

.container {
overflow: visible !important;
}

1 user says Thank You to phong nam for this useful post

1. dick_speksnijder

[dick_speksnijder Friend dick_speksnijderJoin date: May 2011Posts: 4Downloads:0Uploads:1 Thanks: 3]

#503741

Leo,

That IS the solution to my problem. The only thing I had to do is to disable and enable the JA Tabs plugin after updating the css file and it works like a charme!!

Thanks very much 🙂

D.

[Author]

Posts