Use Divi Mobile Menu instead of Max Mega Menu

  • Resolved JigMedia

    (@jigmedia)


    9 years ago

    Hi,

    While the Max Mega Menu is installed, even when hiding the plugins mobile menu by using the CSS as provided in the documentation:

    @media only screen and (max-width : $responsive_breakpoint) {
    #{$wrap} {
        display: none;
    }
}

    the Divi Mobile Menu stops working… is there a way to make the Divi Mobile Menu work with the Max Mega Menu?

    Thanks

    https://www.ads-software.com/plugins/megamenu/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi JigMedia,

    There is only one menu system which is used to display both the desktop and mobile menu (they are just displayed in different ways depending on your screen width). It is not possible to use MMM on one view but not the other – MMM takes control “both” menus.

    Regards,
    Tom

    Thread Starter JigMedia

    (@jigmedia)

    Ok, just I’m struggling to style the MMM mobile menu the way I want it. I want just the icon in the top right corner, which then toggles to the full width menu. It’s becoming quite a pain!

    Plugin Author megamenu

    (@megamenu)

    Hi,

    Please post a link to your site so I can take a look.

    Regards,
    Tom

    Thread Starter JigMedia

    (@jigmedia)

    Sure Tom,

    It’s https://176.32.230.44/servicesure.co.uk/

    Plugin Author megamenu

    (@megamenu)

    Thanks.

    It’s not possible to separate out the toggle button from the sub menu – not without a load of CSS anyway (not something I would cover under free or pro support as it’s too time consuming and not a feature of the plugin, you would need to employ a front end developer for a couple of hours if you are not sure how to do it yourself)

    It is a lot easier to make the mobile menu span the full width of the page.

    In your custom CSS:

    Find:

    #et-top-navigation {
		padding: 0!important;
		margin-top: 0;
		float: none;
		background: #57b052!important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		display:inline-block;
		position:absolute;
		right:10%;
		border-radius:20px;
	}

    Replace with:

    #et-top-navigation {
		position: relative;
		z-index: 9999;
		top: -20px
	}

    Regards,
    Tom

    Thread Starter JigMedia

    (@jigmedia)

    Hi Tom,

    No problem. Thanks for your support anyway.
    I think I will continue to fiddle around with it, I’m sure I can get it to work eventually, just thought you may have a quick solution.

    Cheers

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Use Divi Mobile Menu instead of Max Mega Menu’ is closed to new replies.