The megamenu is not working for the menus on the right side that have grandchildren menus because the menus are not displaying within the browser window. They are not aware that the browser window has ended somehow.

For an example try navigate go to the menu:
Shop -> Amazon Storefront -> Books -> Nutrition & Diet

on a window that is 1024 pixels wide you won't be able to get to the Nutrition & Diet menu item. It will be hidden from view. The only way I can see it is by using a two monitor system and opening my browser window wide enough to be visible across both monitors.

You will also get the same problem if you go to the menu:

Help -> Information -> Kitchen Tools

Hi,

Did you try to change Menu settings (alignment - left and decrease Dropdown minimum width), please refer to this screenshot: https://prnt.sc/kgiqr7

Cheers
Joshua

Changing the alignment breaks the site in that the navigation bar no longer spreads across the full width of the page. And, even when changing the alignment to left the problem still happens with the menu item grandchildren not being displayed for many of the menu items.

If this was the megamenu using the T3 framework the way to fix it would be the change the alignment on the particular Menu item. But, that is not possible with ZenGrid.

    scarney Try add this to custom.css file :

    #menu.zen-menu.zen-menu-horizontal ul.zen-menu-child.cols-1> ul.zen-menu-child.cols-1{right:100% !important;left:auto !important;}

    Kindly ensure to clear your browser cache if changes dont reflect

    I have tried adding the similar css rule-set however the same isnt reflecting on site probably due to caching issues

      aman204 Thank you. I see the code you added for me. I will clear the cache from my cdn, my server and my local browsers and see what happens. This is much appreciated.

      Hi Sean,

      This was supposed to have been fixed in the framework about 1 year ago
      Looking at the site at the moment the style does not appear to be working

      Can you confirm?

      Thanks
      Paul

        aman204 Ok. I was able to get your code to take. Unfortunately it made the menu system basically unusable because what it did was to make each menu items line up underneath the menu to the left and there was now no way to select an option from any of the menus.

        It also made the problem that was occuring on the the right side with the menus being not visible happen again but this time on the left side. I think that the menu system will need to be improved in another way. I am going to comment out your changes but leave them there.

        Yes I saw the same - so yes commenting them out is a good idea

        The solution was supposed to be a js fix at the turn of the year

        Have you made any customisations other than css?

        Cheers
        Paul

          paulus1031 Yes, the style seems to be having a TON of problems for me right now. Actually the main thing is that a bit earlier I set the minimum width of the template to 200 pixels and I compiled the template css after @aman204 added his suggestion to align the menus to the left.

          I have since changed the menu minimum width to 300 and have commented out the CSS alignment changes. So, I am expecting the changes to be visible but I am not seeing them. It is certainly baffling me! :-(

          I wonder if I am running a wrong version of the framework? I am using version 5.1.6 of plg_ajax_zengridframework with the Colourshift2 Buildr template.

          I have turned off the cache in global configuration, the system cache plugin is not enabled, I have disabled my cdn plugin to keycdn, and I have removed all history from my browser, but still I am seeing the menus at a width of 200 pixels and my menus alignment on the left side. Both things I am trying to have go away. I have compiled less and have saved my 'changes' to template multiple times.

          any ideas you have will be appreciated.

          Sean

          BTW, the way it is now my site is pretty much not usable as far as the menus are concerned.

          The menu settings are displayed below but this is NOT what is actually happening.

          .

          OK. I may need to eat my hat. The menus just started displaying correctly again in that they are now back to 300 pixels width and center alignment. But, they problem with the menus not displaying still exists for the child and grandchild menus under the Shop menu.

          What is not displaying correctly?

          Cheers
          Paul

          ah ok we are cross posting a little 🙂

          scarney I am not aware of any customizations besides what is in my custom.css file.

          Just to check as far as you know we didn't make any changes to the site for you?

          Cheers
          Paul

            paulus1031 I think there may have been a modification to the framework previously by JoomlaBamboo for me. But, I would have to go through the old tickets there. But, I have updated the framework since then. I never hired anybody to customize the site but you all always helped me make changes. Those should all actually be in the custom.css file. But... I have a recollection that I had something unique. I will see if I can get into the old ticket system and report back to you.
            Also, What is not displaying properly now is the child and grandchild menus under the Shop menu. In the picture that I am attaching you will see that there are no menus visible under the Books submenu. But, there should be. They are hidden off screen. In order to see them you need to stretch your browser wide across multiple monitors. This will only work if you have a mutil monitor set up.

            I hope this helps.

            Sean

            Hi Sean,

            No need to check the tickets - you will find it too time consuming

            I can see the problem on my screen

            Is there still test sites available to work on? - I seem to remember you had one at some point

            Cheers
            Paul

              OK. It looks like the old ticket system from JoomlaBamboo is not there.

              paulus1031 I will set you up a test site right now and give you access.

              Can I somehow give you the credentials in private?

              Sean

              Are you able to overwrite the details at the top of this thread with the test site ones when it is up?

              Cheers
              Paul

              You need to Login to view replies.