Kalium 3.2 update is live — Make sure you save a backup of your site before updating.   

Okay
  Public Ticket #2652504
Max Mega menu
Closed

Comments

  • TOC-lhan started the conversation

    I have installed latest Oxygen theme (5.7.1 - child-theme is active) and would like to have a mega menu in top, which is not included in Oxygen.

    I have installed Max Mega Menu which covers my needs, but unfortunately I see two issues in the main menu:

    1) The search field moves to a separate line and does not stay behind the last menu option.

    2) An empty line is added on top of the menu line.

    See attached screen dumps - with MMM and without MMM. 

    Does Max Mega Menu not integrate with Oxygen, or did I miss out on something in setting up?

    (I run on local testserver, so I cannot supply url)

    /LH

    Attached files:  WithMaxMegaMenu.jpg
      WithoutMaxMegaMenu.jpg

  •  1,103
    Art replied

    Hi LH,

    Unfortunately Oxygen does not support any mega menu plugin, you can also check it in the theme item page we have not mentioned that it does support any of the mega menus. Even though it is not within the support scope for some small fixes like this I can help you set it up, but for that I will need your site to be live and have access it.

  •   TOC-lhan replied privately
  •  1,103
    Art replied

    Hi there,

    I have added some CSS to reduce the width of the menu to 80% and now the search bar shows inline with the menu:

    medium
    (view large version)


  • TOC-lhan replied

    Hi Art

    Thank you very much.

    Strange - it works on Chrome, but not Safari. Here it still looks like this:

    9136357807.png

    And can you do something about the empty spacing above the menu and under the line?

    Regards / Leo

  •  1,103
    Art replied

    Hi Leo,

    That's the logo on sticky, so I have added this CSS to Custom CSS to hide it completely:

    .oxygen-top-menu>.wrapper>.main-menu-top>.main .main-menu-env .logo-sticky { 
        display: none;
    }
    
  • TOC-lhan replied

    Hi Art

    Great - now the empty line has gone.

    When showing in a Safari Browser, it still looks like this, though:

    7413955893.png

    Any idea, why?

    Rgds Leo

  •  1,103
    Art replied

    Hi Leo,

    Please give Safari a little more time, it has a very annoying cache so it needs a hard refresh on every change you make.

  • TOC-lhan replied

    Hi Art

    It wouldn't work on Safari browser, but I found a plugin to move the search function. So will you please revert the width to 100% in the CSS (I didn't find, where you changed it).

    Another thing - when applying the mega menu, it works fine - but not on mobile devices. It simply does not show. Can you find a quick fix for that?

    Regards

    Leo

  • TOC-lhan replied

    Hi again

    I found your CSS and changed back to 100%. Solved.

    I also found a way around the mobile issue. Solved.

    My last problem is, that the standard sorting selector (in product views) is in front of menus. But this is actually not only for Max Mega Menus - I saw this issue before.

    2740024127.png

    Thank you very much for your help so far - I hope, you can help me with this final thing as well.

    Regards

    Leo

  •  1,103
    Art replied

    Hi Leo,

    Try adding this CSS to Custom CSS:

    .woocommerce .woocommerce-ordering {
        z-index: 0;
    }
    
  • TOC-lhan replied

    Hi Art

    Thank you very much - that did the trick :)

    Most thankful for your support

    Rgds.

    Leo

  •  1,103
    Art replied

    You're welcome Leosmile.png

    P.S: If you like our theme, it would help us a lot if you could give us a five-star rating on ThemeForest from your Downloads tab.

    A huge thank you from Laborator in advance!

  • TOC-lhan replied

    Hi Art

    I know, you closed this ticket already - but I have one last question if possible for you to look at?

    Is it possible to hide the standard Theme toggle-botton (hamburger menu) on small screens (mobiles). The Mega menu, which now works perfectly, has its own toggle-button, and it makes no sense to have two.

    Rgds

    Leo

  •  1,103
    Art replied

    Hi Leo,

    Could you try adding this CSS to Custom CSS:

    @media screen and (max-width: 992px) {
        .mobile-menu-link {
            display: none;
        }
    }
    
  • TOC-lhan replied

    Hi Art

    You're the greatest. Thank you - it works.

    Regards

    Leo

  •  1,103
    Art replied

    Happy to hear that Leo, have a great weekend!

    If you have other questions or problems please create a new ticket.