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

Divi Accordions Strange Behavior

Discussion in 'Free Divi Community Forum' started by jeffweberadgility, Jul 29, 2026 at 12:57 PM.

  1. jeffweberadgility

    jeffweberadgility New Member

    I have a page on my site that has about 9 accordions on it. Works great in desktop, but mobile, it seems to not want to open up the accordions.

    https://eclearn.org/early-childhood-education/

    I had flushed the divi builder cache and then 'fixed' all the accordions - that seemed to do the trick for mobile. But then the next time the page was edited/updated, the same problem reared it's head and you can see the results in the url above.

    I'm not sure if this is a memory issue or something else - i realize it's not the ideal page design with that many accordions on it....

    Thanks to anyone who might have some ideas...

    -Jeff
     
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
  2. Divi Booster

    Divi Booster Divi Expert

    Hey Jeff,

    It looks to me like the accordion items are configured to have no content on mobile - and so there's nothing for the accordion to open.

    Look in your individual accordion items and check if the responsive settings icon is highlighted blue as shown:

    accordion-responsive-settings.png
    If so, and if the content is empty when you click the mobile tab, that is probably the problem.

    To fix it, click the blue mobile icon to disable responsive values for the Body content. Then the accordion should show the same (non-empty) content on all device widths and that should let the accordions work as expected on mobile.

    Hope that helps.
     
  3. jeffweberadgility

    jeffweberadgility New Member


    Hi Dan,

    Thanks for this info. I think what is happening is the content in the mobile tab seems to be disappearing. I have gone thru the page before and re-added the mobile copy (just cut and paste the desktop copy). I did not put any content in the Tablet tab (not sure if it's required I enter tablet copy). But somehow, the page loses the mobile copy at some point (perhaps when the client comes in and makes a new edit to the page).

    So for example, I just updated the first accordion and resaved. You can see - https://eclearn.org/early-childhood-education/ that now the July 30th entry expands correctly again.

    My first thought was it's some kind of memory issue within the Divi Builder, but maybe you have another idea of what to try?

    Thanks,
    Jeff
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  4. Divi Booster

    Divi Booster Divi Expert

    You're welcome, Jeff. Yeah, I can see the July 30th entry working on mobile now.

    I'm not sure what would be causing the mobile content to be lost... It doesn't look like you're using global modules or presets, etc, that might have explained it. I wouldn't have thought your client just editing the page would have caused it either - they'd have had to intentionally (or at least accidently) removed the mobile content. If it keeps happening, it would seem to me to be some sort of a bug (or something else I haven't thought of).

    That said, do you ever need the mobile content to be different from desktop? If not, then you shouldn't really need to enter any mobile content at all. Instead if you disable the responsive options (by clicking on that blue icon I screenshotted earlier such that the blue highlight is removed and the icon gets the same coloring as the other icons beside it), then Divi should just use the Desktop content on mobile and tablet too. The mobile setting is only necessary if you want to show different content on mobile.