Page name and image under

  • Dan Stramer

    (@danstramer)


    8 years, 4 months ago

    I would like to create a mega menu, 8 columns, in each column there will be the page name and under the name will be an image.
    This is the goal:
    https://www.dropbox.com/s/o28aqjk9jlmoc1k/megamenu%2Bstyle%20guide.jpg?dl=0
    I made it work using the image widget, but it does not show a highlight for that item when the user is on the same page, like it does with normal links adding the “mega-current-menu-item” class to the LI.
    Is there a better and easier way to do this?
    The image widget is not the best way for navigation purposes (adding a link to the image and also making the title a link via another plugin)

    Thanks
    Dan

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

    (@megamenu)

    8 years, 4 months ago

    Hi Dan,

    The best way (I think) would be to use standard menu items in the mega menu. Then use custom CSS to apply the image using the :after pseudo element for each menu item. Or maybe as a background image to the link (you’ll need to use CSS to force the anchor to be tall enough to display the image). That way the icon is “attached” to the menu item and will inherit the link and current-menu-item class.

    I think that’s the only approach you can go for if you need to keep both the image and text as one link.

    Regards,
    Tom

    • This reply was modified 8 years, 4 months ago by megamenu.
    Thread Starter Dan Stramer

    (@danstramer)

    8 years, 4 months ago

    Thanks Tom, but that would make it much harder for the editing team to update.
    I understand there isn’t a built-in module for displaying the page name and showing an image while still using the built in menu structure of WordPress.

    Dan

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

The topic ‘Page name and image under’ is closed to new replies.