[Resolved] WooCommerce Gallery overlaps product tabs

Home Forums Support [Resolved] WooCommerce Gallery overlaps product tabs

Home Forums Support WooCommerce Gallery overlaps product tabs

Viewing 15 posts - 1 through 15 (of 24 total)
  • Author
    Posts
  • #360656
    Michael

    Hello,

    I am running into an issue where products in my shop, which do not have a lot of “Short Description” or none at all are showing an overlap of the gallery images into the product tabs. When this happens, I cannot tap on the Description tab when I view another tab.

    GP with Woo Gallery and Tabs overlap

    Any help is greatful!

    Michael

    #360657
    Michael

    If the original image does not display, here is another location:
    GP with Woo Gallery and Tabs overlap

    And this is happening when using the mobile option as well:
    GP with Woo Gallery Overlap on Title and Price (Mobile)

    #360729
    Leo
    Staff
    Customer Support

    Hi Michael,

    Can you provide a link to your site? Thanks!

    #360738
    Michael

    http://www.thatsmyrobot.org
    UN/PW:. TMRvendor/TMRvendor2017!

    #360770
    Leo
    Staff
    Customer Support

    Sorry I’m not quite sure what I am looking at?

    The shop looks normal? https://s1.postimg.org/acnolajy7/2017-08-06_1912.png

    Let me know what I am missing 🙂

    #360774
    Michael

    If you open up the single product pages, you will see products that have no short description have the products gallery pictures overlap onto the tabs. Please look at the “Ollie” product page.

    #360790
    Tom
    Lead Developer
    Lead Developer

    Hmm, can’t reproduce this on my own install.

    WooCommerce add-on activated? Any custom WC CSS added?

    #360795
    Michael

    Yes, WC is active. I am using Elementor, but I cannot edit the shop or product pages. The product page is the standard page provided with WC and the GP theme; no modifications.

    #360850
    Tom
    Lead Developer
    Lead Developer

    Is the WC add-on in GP Premium activated?

    #360930
    Michael

    Yes, I activated it and made sure to check my WC customize settings. Is there possibly a padding or spacer issue when the product gallery is displayed? It almost seems that the blocks/areas do not know exactly where the boundary is.

    #360967
    David
    Staff
    Customer Support

    It looks to be a CSS conflict with the Rich Web Video Slider Widget you have used in Elementor > It’s using the same flex-control-nav class name and giving it an absolute position.

    #360982
    Michael

    I don’t understand. How would I fix this then?

    #360983
    Michael

    Ok, so I deactivated the video plugin and see how it fixed the issue. What do I say to the Rich web folks in order to fix it?

    #360986
    David
    Staff
    Customer Support

    Tell Rich Web that they are using the same class name – flex-control-nav as woocommerce and that they should either make this explicit to their plugin or change the class name.
    In the meantime could override what its doing in woo to get rid of the problem. When i get back to my desk ill take a look.

    #360989
    David
    Staff
    Customer Support

    If you can switch the Video Slider back on so it breaks again then i might be able to see how to fix it.

Viewing 15 posts - 1 through 15 (of 24 total)
  • You must be logged in to reply to this topic.