0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

2-row horiz moomenu: parent item on row 2 showing above sub

Last Post
Search Topic
    • Gilan's Avatar
    • Gilan
    • Rocketeer
    • Posts: 58
    • Thanks: 0

    2-row horiz moomenu: parent item on row 2 showing above sub

    Posted 16 years 3 months ago
    • Hi there

      I have many menu items in my horizontal menu which has created a two-row horiz menu. I therefore adjusted my css files, etc, to accommodate this menu.

      You can see this at http://www.sadag.co.za/index.php/general/test-test.html

      It works perfectly in FF. But in IE7 the menu does not work properly:

      When the submenu of one of the top menu items is opened, it overlaps a parent item on the 2nd row. The problem is that the text of the 2nd-row parent item shows above the submenu. Therefore when you move your mouse down the submenu it automatically closes the submenu and highlights the parent item on the 2nd row.

      I have tried adding z-index:15; and z-index: 300; to all horizontal menu headings in templace_css but this has not helped.

      Any help will be much appreciated

      Thanks and kind regards

      Gilan
    #283503
    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25898
    • Thanks: 334

    Re: 2-row horiz moomenu: parent item on row 2 showing above sub

    Posted 16 years 3 months ago
    • hi gilan!

      you can add
      position: absolute;

      wherever you have added a z-index and see if it will help.
      please make a backup of your file first. :)

      kat
    • Kat05 / QA Lead & Support / Germany
    #283589
    • Gilan's Avatar
    • Gilan
    • Rocketeer
    • Posts: 58
    • Thanks: 0

    Re: 2-row horiz moomenu: parent item on row 2 showing above sub

    Posted 16 years 3 months ago
    • Hi Kat

      Thanks for the suggestion!

      Unfortunately it didn't solve the challenge. I tried placing your code under the following headings in template_css

      div#horiz-menu ul { - had no effect
      div#horiz-menu li { - made all the menu items pile on top of one another on the top left
      div#horiz-menu a { - same as above

      Is there another heading under which I should try place your code?

      Thanks so much!

      Gilan
    #283606
    • Ragdata's Avatar
    • Ragdata
    • Elite Rocketeer
    • Posts: 614
    • Thanks: 0
    • Software Engineer

    Re: 2-row horiz moomenu: parent item on row 2 showing above sub

    Posted 16 years 3 months ago
    • OK - now please don't take this the wrong way, it's a common mistake made by inexperienced developers.

      Rather than looking to code for a solution to your problem, I STRONGLY encourage you to rethink your navigation model - your current model is clumsy at best. Decide what absolutely, positively HAS to be a parent menu item, and stack the rest in as child items. You may even consider making a few generic top-level categories (such as "What We Do" - just an example).

      For example:

      Here is a site I'm currently working on - we should have it live in a couple of weeks. It also uses the Versatility III template and represents a very large organisation. It has over 200 menu items in the main menu at the top of the site, while retaining intuitive, managable navigation:

      70.86.86.250/~siswpor/

      Here's one I prepared earlier - I'm including this one to perhaps give you a few ideas of how top 'moomenu' dropdowns can work well in conjunction with the main menu in a side column:

      www.castleglenaustralia.com/

      As a final suggestion - there is no information on your site which is more important than your menus. Move the main menu to the top of the left-hand column, move the help-line numbers and search to the top of the right-hand column and give SERIOUS consideration to redeploying some of those other right and left-hand modules as articles or in module spaces better suited to their size in the main content display area of the website.
    • Ragdata's Rubber Duck
      www.ragdata.net/
    #283619
    • Gilan's Avatar
    • Gilan
    • Rocketeer
    • Posts: 58
    • Thanks: 0

    Re: 2-row horiz moomenu: parent item on row 2 showing above sub

    Posted 16 years 3 months ago
    • Hi Ragdata

      Thank you for your response.

      I will definitely relook at my navigation structure to see where I can simplify.

      You'll notice that every other page of the site has a different template: I designed this site originally many many years ago when I first discovered Joomla! Over time my client has added items to their menu. Now that I'm giving their site a "facelift" I have assigned the new template to this test page and left the menu as is.

      I am going to re-design the menu structure which will hopefully avoid the originaly problem for which I started this thread. And I'll just hope that my client sees the value in a new menu structure!

      Thank you for your help and insight.

      Kind regards

      Gilan
    #283647
    • Ragdata's Avatar
    • Ragdata
    • Elite Rocketeer
    • Posts: 614
    • Thanks: 0
    • Software Engineer

    Re: 2-row horiz moomenu: parent item on row 2 showing above sub

    Posted 16 years 3 months ago
    • Sell them on the new menu structure mate!! (knowing that the current state of it was done by your client rather than you helps me to breath a sigh of relief).

      It really will be better for them - and MOST importantly, better for the visitors who need their valuable help. I would imagine that their visitors are either distressed themselves or are friends / family members who are distressed on another's behalf. The site - and particularly navigation to needed information - needs to be a "breath of fresh air" and not something to be wrestled with. (you can use that if you need it) :P

      I would even suggest that you redesign the front page of the site to include the MOST prominant, most important information in big (2 columns), inviting, graphical "infobuttons" (I can't think of what else to call them, but I'm sure you know what I mean). Something like this:

      www.planetdomain.com/

      None of this will stop you from keeping up with the multiple templates either.
    • Ragdata's Rubber Duck
      www.ragdata.net/
    #283653

Time to create page: 0.062 seconds