1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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 Reduced button clicking area

Discussion in 'Free Divi Community Forum' started by Almadecantaro, Mar 1, 2021.

  1. Almadecantaro

    Almadecantaro New Member

    Hi all,

    I've been trying to fix some buttons on my main page but I don't seem to be getting them to work properly. The thing is, when trying to click on any of the speaker names' that are displayed on the right side of the screen, area for clicking is clearly smaller than that of the left sides' buttons.

    The problem is only affecting buttons (i.e. speakers names') that are placed on right, leaving buttons on the left side fully functional.

    Reference: https://www.democracyandtolerance.org/ (scroll til' you arrive at a list of people)

    Can someone give me a hand here?

    Cheers.
     
    #1 Almadecantaro, Mar 1, 2021
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  2. Shanora Networks

    Shanora Networks Member

    Because of the shift you're adding, the "button" is below the image. Add a z-index to the left column of each of the affected rows:
    z-index: 10;
    or
    z-index: 10 !important;

    Sometimes Divi doesn't accept the z-index from the module. If that's the case, add

    .et_pb_column .et_pb_column_1_2 et_pb_column_8_tb_body .et_pb_css_mix_blend_mode_passthrough {z-index: 10;}
    or
    .et_pb_column .et_pb_column_1_2 et_pb_column_8_tb_body .et_pb_css_mix_blend_mode_passthrough {z-index: 10 !important;}
     
    #2 Shanora Networks, Mar 4, 2021
    Almadecantaro likes this.
  3. Almadecantaro

    Almadecantaro New Member

    It worked like a charm.

    Thanks!
     
    #3 Almadecantaro, Mar 7, 2021
    Shanora Networks likes this.
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  4. Fiston

    Fiston New Member

    Hi,
    i have same problem, but i don't understand your response. Where i add this code ?
    In this page, i have same button on to left and right, but the clicked area is not same.
    https://atelier1612.fr/home-3-2/

    Thanks fo your help
     
    #4 Fiston, Jan 30, 2024
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    Your clickable area for the phone icon & the menu icon looks the same to me. If I misunderstood what you meant, kindly share screenshot to show your issue.
     
    #5 Divi.Help, Jan 31, 2024
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  6. Fiston

    Fiston New Member

    Hi, thanks for your answer.
    See the screeshot, the problem is on computer.
    Thanks.
     

    Attached Files:

    #6 Fiston, Jan 31, 2024
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    I see. It's because your slide in menu is blocking the click, even though it's not visible.

    To fix it, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #7 Divi.Help, Feb 1, 2024
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  8. Fiston

    Fiston New Member

    Thanks, it works ! Great
     
    #8 Fiston, Feb 1, 2024
(You must log in or sign up to post here.)