YITH Zoom Magnifier conflicts with the menu appearance.

[mamta]

Hi Han,
First of all, let me thank you for the good work that you are doing!

My query is:
I am using Shopping child theme.
The drop-down menu of my site hides or buries behind the product images. It has happened for 2 reasons that I guess. First, I might have fiddle with the menu appearance during my R & D. Second, the YITH woocommerce magnifier plugin is creating problem. When I deactivate the magnifier, it works fine. I have researched a little bit and mostly found that it has something to do with z index but am not sure. Please help me. The link to my site is:

http://www.mamtamotiyani.com

You can open any product image and then check my drop down menu.

Thanks in advance.

[han]

add this CSS code will fix the issue

.omega-nav-menu .sub-menu {
    z-index: 10000;
}

[mamta]

Perfect!!
Thank you, Han for your time and efforts. It solved my problem instantly. Now, I can use the magnifier without the menu hiding like it previously did. Keep up the great work…

[han]

Great! Kindly leave a review at http://wordpress.org/themes/shopping

[tiptoelicious]

Hi Han,

I’m facing the same problem.
I’ve inserted your code into my theme’s style.css but nothing happens.
Any idea?
Thank you

Regards
Chinz

[khalid]

Hi I’m also getting same problem and got the solution for this. Here is the solution

Step 1: goto yith zoom magnifier plugin folder and open yith_magnifier.css

your-site\wp-content\plugins\yith-woocommerce-zoom-magnifier\assets\css\yith_magnifier.css

Step 2: remove or comment the third line like this

.yith_magnifier_zoom_wrap {
top: 0;
/* z-index: 9999; */
position: relative;
}

Step 3: thats it, Now u refresh the product page and look at new appearance

[Author]

Posts