[Resolved] Image on item using mega menu

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

The login link doesn’t work for me:
https://www.screencast.com/t/SjFoTUvE68

Hi Tiago,

I’m seeing the same thing as Leo’s.

If you could temporarily disable the site’s maintenance mode, we won’t need to log in.

We only need to inspect the menu to check the appropriate CSS selector to target only the image you’ve added as a menu item.

Let us know. 🙂

OK,
Maintenance mode is temporarily disabled.
Thanks for the feedback.

You can try adding this CSS:

.main-navigation ul li.menu-item-772 > a {
    padding: 0 !important;
}

It removes the padding specifically for the menu item containing the image.

Would you like to know if you have a link to a CSS assigned to the field? Or is it only possible using the item ID as in the example shown?

I’m not sure I understand what you mean. do you mean to style a menu item depending on what link it points to?

If so, you can use <a> tag’s href attribute as a selector if you want. See how it’s done here – https://www.w3schools.com/css/css_attribute_selectors.asp

No problem. 😀