Hover effect not working for any NEW menu items

  • Resolved graphics616

    (@graphics616)


    6 years, 4 months ago

    On our website in the main menu at the top, and inside the “Products” tab my newest menu item that I added is the “Detail Products” text widget image and link. The link works when you click on the image. The problem I am having is that the new menu item does not show a hover effect like the rest of the mega menu items in the same Mega Menu.

    I tried text boxes and custom HTML boxes both in the creation of my new menu item in the attempt to make one that works. Neither lets a hover effect work. I even copied the code from other working text boxes in the same Mega Menu and used that code to make a new menu item. Still did not work.

    Any ideas of what I should check?

    We are using Max-Mega-Menu 2.5 and WordPress 4.9.7.

    The page I need help with: [log in to see the link]

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

    (@megamenu)

    Hi Graphics,

    Thanks for posting a link.

    The items in your mega menu have custom styling applied to them. You’ll need to update your custom styling so that it also applies to the text widget you’ve added:

    https://screencast.com/t/lXdh6c0k9gi0

    Regards,
    Tom

    Thread Starter graphics616

    (@graphics616)

    Awesome! Thanks! I was looking high and low for the code and forgot to look in the customize section of the admin area. I am so used to working directly with the style.css that I was totally overlooking the next most obvious.

    Now I just need to figure out why WordPress is injecting <p></p> tags around my menu item html in the text widget and I will be good to go.

    Thanks!!

    Plugin Author megamenu

    (@megamenu)

    You’re welcome.

    It’s the “wpautop” function that adds in random <p> tags. This page explains how to remove them:

    https://pressfore.com/remove-p-tags-inside-text-widgets-wp48/

    But the “proper” way to do it would be to swap out your text widgets for the new(ish) Custom HTML widget. That widget was introduced into core around the same time that text widgets got an overhaul and started to add in those <p> tags.

    Regards,
    Tom

    Thread Starter graphics616

    (@graphics616)

    I was just about to modify the function you mentioned. I instead used your suggestion to use the Custom HTML widget. That did the trick without needing to modify my Functions.php file.

    Thanks!!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hover effect not working for any NEW menu items’ is closed to new replies.