zviryatko

You are welcome!

I know, just try to add this code and see what is happen.

For better transparent effect I place the second image over the first, and hid the second image with opacity:0, so for .menu-item.current-menu-item just add opacity:1 and this should solve the problem.

Or have I got it all wrong again?

Hi, anur.

To show hovered image on menu page just add to file style.css of your active theme this few strings:

.menu-item.current-menu-item a.menu-image-hovered .menu-image-hover-wrapper img.hovered-image {
    opacity: 1;
}

Hi, Tom.
Tnx for feedback.
In the near future I will try to repeat the bug. Can you provide a little more information to debug?

oh, don’t hack the core and plugins!

Please, read documentation.

A theme’s functions.php file. `
if ( function_exists( ‘add_image_size’ ) ) {
add_image_size( ‘category-thumb’, 300, 9999 ); //300 pixels wide (and unlimited height)
add_image_size( ‘homepage-thumb’, 220, 180, true ); //(cropped)
}
`

Hi

If you added images size after uploading images you need to regenerate thumbnails of images, use regenerate-thumbnails plugin.

But if you uploaded image after adding image sizes and its not resizing, check the size of the image, it should be greater than 128×128.

Thank you for review!

It’s my first official plugin and I am very happy for the number of positive feedback.

As for your feature request, I’ll see what I can do.

Create a new topic for a new issue, please.

Change status to closed.

I answered to you in another topic, but lets talk in this.

Hi, Ben.

I think you need to show images without text in full theme and text without images in mobile theme?

If I right you can just deactivate menu-image plugin, in that case no images in menu.

But if you will need both features, you will need to do some not hard work.

you need to make sure that the blocks with pictures (with margins and paddings) have generally the same width, or less, their wrapper

Hi, i think you need add some style, something like that can help you:

ul#menu-image-menu {
  overflow: hidden;
}
ul#menu-image-menu li {
  float: left;
}

You need to learn more about CSS, good manual has on W3 site – https://www.w3.org/Style/CSS/

One more question, how could i prohibit these changes to be only in the mainmenu as I want the submenu images to be on the left side of the text.

Again, you can use magic of CSS ??
something like this:

ul#your-menu-html-id li ul li a .menu-image-hover-wrapper
{
    float: left;
}
ul#your-menu-html-id li ul li .hovered-image {
    opacity: 0;
}
ul#your-menu-html-id li ul li a:hover .hovered-image {
    opacity: 1;
}

it might work… but I’m not sure.
very difficult to make a single decision for all cases (

Hi, I posted answer to you in this topic, it helped you?