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

Content Toggle

Discussion in 'Support Forum' started by Tina Stenger, Oct 15, 2022.

  1. Tina Stenger

    Tina Stenger New Member
    Divi Block Pro Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hello-
    I am using your Content Toggle block again and have a new issue.

    I am putting a Wp Gridbuilder grid in each toggle row, but unfortunately, the second toggle squishes the columns. The grids are more or less identical so I think it must have something to do with the CSS of this toggle block. I can't figure out how to fix.

    Any ideas for me?

    https://www.mindtomindful.org/locations-rebuild/
     
    #1 Tina Stenger, Oct 15, 2022
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    The grid layout is built with their own custom JS. Perhaps it doesn't work if the grid layout is being hidden on load, thus not able to determine the positioning of the grid layout. You will have to contact the grid plugin developer regarding this issue & see what they say.
     
    #2 Divi.Help Pro Support, Oct 15, 2022
  3. Tina Stenger

    Tina Stenger New Member
    Divi Block Pro Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    They replied below. I don't know enough about js to know how or where to use this code. If you have any hints for me, I'd appreciate but I understand if it's beyond the scope of your support.
    Thanks,
    Tina


    What you are observing is normal.
    If a grid is hidden from view, it isn’t able to calculate its size properly.
    This causes a conflict with tabs, accordions, toggles, popup (or any content holder).
    To solve the problem, you need to relayout the grid with JavaScript:
    https://docs.wpgridbuilder.com/resources/grid-methods/#layout

    This method allows to layout a grid. It can be useful to trigger a layout after a size changed without triggering a window resize event.
    wpgb.grid.layout();


    So, if your page builder offers a JS API you can call this method once the tab is opened and layout.
     
    #3 Tina Stenger, Oct 16, 2022
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I see that you have changed to use other plugin module. If you still need help on our content toggle design, let me know.
     
    #4 Divi.Help Pro Support, Oct 17, 2022
  5. Tina Stenger

    Tina Stenger New Member
    Divi Block Pro Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    #5 Tina Stenger, Oct 17, 2022
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try to go to our code module settings (see screenshot below) & add the below code at the end of the </style> tag & see if it works:
    Code:
    Log In or Sign Up to view this code.
    upload_2022-10-18_13-52-59.png
     
    #6 Divi.Help Pro Support, Oct 17, 2022
(You must log in or sign up to post here.)