1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Woocommerce Divi magnifying glass

Discussion in 'Free Divi Community Forum' started by Lauwrens, May 28, 2020.

  1. Lauwrens

    Lauwrens Member

    Hey Divi,

    I want to disable the magnifying glass on mobile and tablet sizes.

    The reason I want to remove it is because it's causing my images to be aligned left.

    I have photoshopped the aesthetic I'm looking for.

    here is a link to one of my products: https://www.tonylauw.com/product/adventure-black-cushion/

    I have attached four pictures, two of how it currently is displayed, and two of how I want it to show.
     

    Attached Files:

    #1 Lauwrens, May 28, 2020
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    It's due to the margin. Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, May 28, 2020
  3. Lauwrens

    Lauwrens Member

    Hey,

    Nothing changes when i'm applying the code.
     
    #3 Lauwrens, May 29, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    From what I see, you haven't added the CSS code. If you already added it, try to clear your cache plugin & see if it works.
     
    #4 Divi.Help, May 29, 2020
  5. Lauwrens

    Lauwrens Member

    Yes, I removed the code because it did not change anything,

    I will reapply it so you can see.
     
    #5 Lauwrens, May 29, 2020
    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    This is what I see now:
    **The image is now moved towards the center, with more margin left.

    upload_2020-5-29_15-45-19.png
     
    #6 Divi.Help, May 29, 2020
  7. Lauwrens

    Lauwrens Member

    Ahh yes I did not even notice that,

    The only thing I need now is to be able to remove the magnifying glass on mobile and tablet versions of the website.

    and thank you of course!
     
    #7 Lauwrens, May 29, 2020
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try this:
    Code:
    Log In or Sign Up to view this code.
     
    #8 Divi.Help, May 29, 2020
  9. Lauwrens

    Lauwrens Member

    you sir! are a legend and thank you for that.

    One more thing I was wondering about. Is there a way to disable the magnifying effect on the mobile and tablet version? I notice that it bugs out easily when using a touchscreen.

    many thanks!
     
    #9 Lauwrens, May 29, 2020
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try this CSS:
    Code:
    Log In or Sign Up to view this code.
    **Adjust the breakpoint to fit your need.
     
    #10 Divi.Help, May 29, 2020
(You must log in or sign up to post here.)