Modal Menu Items

  • Is there anyway to edit the code or a possible plugin to make menu items call to open a modal box instead of pointing to a page or external link? I was wondering because I do not see much need to have a separate page for contacting me but I also do not have the room to place it within my widgets.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Yea, if you’re using wp_nav_menu() you should be able to control the nav output by going to Appearance > Menus in the admin. When you get to the Menus page in the upper right corner click “Screen Options” then check the “CSS Classes” checkbox, which will allow you to assign classes to your menu items. Do something like give all the ones you want to pop up in a modal a similar class, e.g. modal.

    Get your favorite javascript library, I prefer jQuery and then snag some simple lightbox/modal plugin, Colorbox is a super solid one, then target the modal objects with your JS, sorta like this:

    $(".modal a").colorbox({iframe:true, innerWidth:425, innerHeight:344});
    Thread Starter Chaotik804

    (@chaotik804)

    Thanks for the reply, I will see what I can do, CSS scares me, lol

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Modal Menu Items’ is closed to new replies.

Tags