Issue with menu using image as secondary image

Support
#1

I need to hide the black alpha square in the menu items, when hover it works fine (showing the rollover image indicated in Secondary image).
The site is residencialpuertadepiedra.com

Thanks

#2

Hi there,

You may add a custom CSS to for this. Please try:

.x-menu-inline .x-graphic-primary {
    opacity: 0;
}

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.

#3

Yes, it worked.

But it affected other menus, how can I make this CSS only works on the desired menu.

thanks!

#6

Hi there,

Please update the code to:

.x-masthead .x-menu-inline .x-graphic-primary {
    opacity: 0;
}

Hope this helps.