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

Select Clickable area of accordion module

Discussion in 'Free Divi Community Forum' started by Cirimo, Sep 16, 2021.

  1. Cirimo

    Cirimo Member

    Hi, I have a navigation/layout problem on a site where I use the accordion divi module.
    The problem is that when scrolling the screen, the options open and the user cannot scroll the screen right.

    is there a way to make clickable only the accordion icon, which in this case is on the left side? (see image)


    upload_2021-9-16_16-49-13.png
     
    #1 Cirimo, Sep 16, 2021
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    For the accordion module, Divi set the title to trigger the content. Thus, you can't change the trigger to be the icon only.

    To achieve what you want, you will have to custom code your toggle, for example: https://divihype.com/how-to-reveal-divi-content-on-clicking-a-button/
     
    #2 Divi.Help, Sep 19, 2021
  3. Cirimo

    Cirimo Member

    Thanks for answering. I did a lot of research and found this possibility, which allowed me to leave only the clickable accordion icon and the title not.

    The problem is that even so, it would be more complete if when the toggle is open when clicking on the title it closed, this I still haven't been able to do, despite testing a lot.

    follow code css in text :

    On Toggle enable/disable active:
    pointer-events: none;
    cursor: none !important;

    On Toggle enable/disable
    pointer-events: none;
    cursor: none !important;


    On Icon Class: pointer-events: auto;

    upload_2021-9-20_16-40-13.png
     
    #3 Cirimo, Sep 20, 2021
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL for us to check & see if we can advice further on that.
     
    #4 Divi.Help, Sep 21, 2021
(You must log in or sign up to post here.)