Using T4 with BS5 template.

If I add an icon "Item icon" to the root menu item of the main menu, the rollover for this menu (which creates the drop down) is not triggered correctly.

When you slowly move your mouse horizontally from another menu item and first roll over the icon, the menu text is highlighted but no drop down is shown. Continue moving over just the text and no drop down is shown. If I move horizontally from a previous menu item but go around the icon with my mouse and back to the text it shows the drop down.

If I remove the icon it woks correctly. I have tested this on 2 different sites with the same bug.

I have attached some images to show what happens:

    Hi @dave_3d,

    I've tried adding the icon to menu on my localhost and it was working fine.
    Can you edit your original post and provide me with your website url and the back-end account login. I'll be able to check further and find a solution for you then.

      Hi cssyeah, these are local copies running in an intranet on IIS.

      I will create a small copy and place it online, then send you the details.

      D.

      cssyeah

      I have uploaded a version of a site where this problem occurs. I checked and it still has this problem.

      URL and SU Login details added.

      Thanks,

      D.

        Hi @dave_3d,

        I'm checking this issue. I tried adding the icon to menu on the T4 Blank template but not getting the same error as yours. I have backed up your website to test on my localhost. I will get back to you as soon as possible.

        Regards,

        dave_3d
        Hi,
        Kinldy try this patch. Override it to plugins\system\t4\themes\base\js\megamenu.js then clear your browser cache.
        Regards

        megamenu.zip
        4kB

          @manhta

          Thanks, that appears to work.

          I will test on my online version this evening and give more feedback.

          I was also previously experiencing some problems with drop down menus not closing when viewing on my Android tablet in Chrome at full screen. I'll test that this evening.

          D.

          Thanks for the fix.

          I had noticed before that when using my Android tablet (Samsung Galaxy Tab s8+) that the dropdown menus open, but do not close when you click anywhere off the menu, or when you click another main menu item. It just builds up the open menus - see screenshot taken on tablet.

          I updated the online site and it shows this fault.

            dave_3d
            Hi,
            We got your issue and will feedback as soon as posible.
            Regards

              8 days later

              Will this JS change be added to the next T4 update ?

              So I know if I have to manually change this on all my sites at the next T4 update.

              Thanks,

              D.

                dave_3d
                Hi,
                The js fix will be added in the upcoming release. As for the issue on iPad, we require additional time to investigate it.
                We appreciate your patience and understanding.

                  Write a Reply...
                  You need to Login to view replies.