Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #211910

    appletreeweb
    Participant

    Hi

    I have installed mega menu and I am using integrity theme with child theme set up. I am having problems with the mobile menu working, I get the icon with the lines in it but then if i touch this I then get another icon the same but neither work. It seems other people have had the same issue and the plugin author made a suggestion however not sure if this will work with the x-theme. Are you able to advise?

    Here is the link to the wordpress megamenu support issue with their answer:
    https://wordpress.org/support/topic/mobile-menu-shows-twice-but-neither-works-iphone

    #212145

    Christopher
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #212251

    appletreeweb
    Participant
    This reply has been marked as private.
    #212459

    Nico
    Moderator

    Hi There,

    This could a 3rd party plugin compatibility issues. You could try to test if its the mega menu plugin cause this issue. Try deactivating it then test it in mobile it still show the issue.

    Unfortunately, 3rd party plugin compatibility issues is beyond our scope of support however you might want to check x theme integrated megamenu. https://theme.co/x/member/kb/how-to-setup-megamenus/

    You might want to check this link: https://theme.co/x/member/kb/solutions-to-potential-setup-issues-navigation/

    Hope it helps.

    Thank you for understanding.

    Cheers!

    #218800

    appletreeweb
    Participant

    No problem, my mistake I didn’t realise x-theme had its own megamenu as a shortcode. I have set that up now and that works great. Just one question, if you look at my demo site one of the the drop down mega menus – Cleaning solutions has only 2 items in it and compared with the paper rolls drop down which is 4 columns, the cleaning solutions looks odd as its so spread out. How can I set the drop down megamenu to only take up the width it needs rather than being a set percentage width?

    #219069

    Paul R
    Moderator

    Hi,

    You can adjust the width of the sub menus by adding this under Custom > CSS in the Customizer.

    
    /* paper rolls sub menu width */
    .x-navbar .desktop .x-nav .x-megamenu.menu-item-148>.sub-menu {
         width:50%;
    }
    /* cleaning solutions sub menu width */
    .x-navbar .desktop .x-nav .x-megamenu.menu-item-150>.sub-menu {
         width:50%;
    }
    

    Change 50% to adjust the width of your submenus.

    Hope that helps.

    #219601

    appletreeweb
    Participant

    Thankyou, that works great for the sizing issue. The drop down for cleaning is now smaller but is aligned to the left of the page so it doesn’t look like it relates to the Cleaning Solutions header, is there a way of making this display underneath the Cleaning Solutions nav header?

    #219893

    Christopher
    Moderator

    Hi there,

    Did you remove ‘Cleaning Solutions’ menu item? I can’t see that.
    Please bring it back so we can help you.

    Thanks.

    #864715

    ashafei
    Participant

    Mega Menu doesn’t work for me at all. If you inspect the page you would see that it’s activated, but only the main top-level menu items show up as links!!!

    Here’s the site’s IP: http://162.243.42.187/

    #865263

    Rue Nel
    Moderator

    Hello There,

    Thanks for updating this thread! To properly implement Mega Menu in X, please check out our knowledge base here:
    https://community.theme.co/kb/how-to-setup-megamenus/

    And by the way, X 4.4.1 is now available! This release contains several bug fixes and we’re quite excited about the new features, so be sure to check out the changelog. Please do update to the latest version. After doing the updates, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

    Please let us know how it goes.