Large product image overlaps permanent floating menu at screen top

  • mendocinotim

    (@mendocinotim)


    9 years, 9 months ago

    Please have a look at this brief video demo of the issue I’m having with your plugin.
    Any suggestions would be appreciated.. http://youtu.be/e3-y5s5aqSs.

    In brief: I have a permanent floating menu at the top of my Woocommerce (WordPress) site. The main content is supposed to scroll under it as one scrolls down the page. However, with your plugin installed the large product image is on top when the page is scrolled.

    I tried increasing the z index of the floating menu, but it has other block items tied to it, and I am hoping there’s a way to change the zoom magnifier’s z-index instead.

    What’s the CSS to do this please.
    Thanks for your help, and the cool plugin.

    https://wordpress.org/plugins/yith-woocommerce-zoom-magnifier/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Jacky Chan

    (@dantzie)

    9 years, 6 months ago

    You must access the plugins CSS and change the z-index of “.yith_magnifier_mousetrap” to a number lower than the headers z-index. The following code you are looking for will look something this:

    .yith_magnifier_mousetrap {
    z-index: 999;
    position: absolute;
    width: 0px;
    height: 0px;
    left: 0px;
    top: 0px;

    Do you know how to access the CSS? If not check out this video
    https://www.youtube.com/watch?v=PwoXIscTF8U
    she starts to explain FTP stuff @ 3:20,

    hope this helps

    Jacky Chan

    (@dantzie)

    9 years, 6 months ago

    Sorry slight correction you want to edit the z-index to this instead:

    .yith_magnifier_zoom_wrap {
    top: 0px;
    z-index: 999;
    position: relative;

    It was I’ve changed mine to 899 so it appears underneath some other element I have on my page but you should change yours to whatever works best. Use Inpect Element to double check.

    roysoham

    (@roysoham)

    9 years, 1 month ago

    Awesome Jackie Chan! the second one worked..

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Large product image overlaps permanent floating menu at screen top’ is closed to new replies.