• Resolved lineagatuna

    (@lineagatuna)


    Hello everyone!

    I’ve been trying to solve something for the past 2 days… I would like to make the product image that appears inside this lightbox to not be cut off by the above header menu. Some browsers/screen sizes will not show this, but if you jut downscale your browser window and choose one of the black objects, it will be readily apparent.

    Can this be done? Please tell me so!

    Cheers!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter lineagatuna

    (@lineagatuna)

    Any pointers or clues are also appreciated!

    Plugin Support Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    I took a look at your site, but wasn’t able to reproduce it:
    http://cld.wthms.co/WIHmjH

    What does it look like on your end? A screenshot would be great.

    Thread Starter lineagatuna

    (@lineagatuna)

    Hi Hannah!

    Oh yeah, I just managed to fix it before finally falling asleep (I’m kinda obsessive, heh), thus, I forgot to update this post. The code I used was:

    .pswp {
    z-index: 999999;
    }

    Pswp stands for “Photoswipe”. CSS and z-index will get one thing to lay on top of another, so that’s the right direction I guess.

    Cheers!

    PS: Thanks for taking your time to look at my problem and taking a screenshot!

    Plugin Support Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    I’m glad to try and help!

    However, once you start adding custom code, we aren’t able to do much. I’d recommend testing for conflicts to see if anything is causing this cropping problem.

    Issues like this are often caused by either a conflict with your theme or with another plugin.

    The best way to determine if the issue is being caused by a theme and/or plugin is to temporarily switch your theme to Storefront (https://www.woocommerce.com/storefront/) and disable all plugins except for WooCommerce. A good way to do this is with a free plugin called Meks Quick Plugin Disabler (https://wordpress.org/plugins/meks-quick-plugin-disabler/), which will remember what plugins you currently have active so it’s easy to switch back.

    If that resolves the issue, then slowly re-enable features until you find the one that’s causing the conflict.

    Other than that, though, you’ll likely need to work with a developer to sort it out further.

    Thread Starter lineagatuna

    (@lineagatuna)

    Yes, I’ve been learning to do just what you said about troubleshooting plugins, only with pen and paper xp

    And regards to my former problem, I don’t think that it was a problem per se, but just a missing pointer for the “z-index” parameter to behave as I wished so… At least that’s what I want to think, though I’m clearly not the expert here, hahah.

    Cheers!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Make product lightbox float above header menu’ is closed to new replies.