Hide or disable Max Mega Menu on a specific page

  • Resolved bweiske

    (@bweiske)


    8 years, 3 months ago

    Hello all,
    I have Mega Menu installed and working fine on our site though I’m creating something of a landing page now and want to disable or hide the Mega Menu from this particular page as I’m removing the standard site navigation, footer, etc.

    Is there a way to do this easily or within the page-specific CSS settings? I’m using the Salient theme if that helps.

    Site for reference: http://bexel.com

    Thanks,
    Brian

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

    (@megamenu)

    8 years, 3 months ago

    Hi Brian,

    There’s no setting in MMM which will let you do this.

    You’ll need to use some custom CSS.

    Every page on your site has a unique body class, something like:

    body.page-id-551

    And you can target the menu using:

    .mega-menu-wrap

    Therefore, combining those into one CSS selector, and setting display to none will hide the menu just on that page:

    body.page-id-551 .mega-menu-wrap {
    display: none !important;
}

    Regards,
    Tom

    Thread Starter bweiske

    (@bweiske)

    8 years, 3 months ago

    This is great Tom, very much appreciated.
    Within the Salient theme I’m able to add Custom CSS on that particular page. I was using a pound sign “#mega-menu-wrap” when I should have simply used a period “.mega-menu-wrap” to call this out… my fault. This was what I needed.

    Thanks again,
    Brian

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hide or disable Max Mega Menu on a specific page’ is closed to new replies.