Equal Height feature not working as expected

  • Resolved shannonsadik

    (@shannonsadik)


    1 year ago

    I enabled the two widgets, the image gallery and the advanced accordion so that they would both have the same height. They do adjust the same in editor view when changing margins, etc, but when in preview mode on desktop version, they are far from equal. Not sure what I”m doing wrong? I removed all margins/padding, etc.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Saiful Islam

    (@saifislam01)

    12 months ago

    Hi @shannonsadik,

    Thanks for reaching out!

    Since you’ve already removed margins and padding, it sounds like this could be related to how each widget calculates its height based on content or container behavior in the live DOM, which sometimes differs from the editor.

    Here are a few things you can try to get them aligned:

    1. In the widget’s Advanced > Custom CSS, try adding a min-height value to both widgets: selector { min-height: 400px; } Adjust the height until they visually match.
    2. If you’re placing both widgets in columns, ensure the parent section or container uses a Flex or Grid layout with align-items: stretch. That often ensures equal height across columns:
    3. Go to the Section settings > Layout > Vertical Align > Choose Stretch.
    4. Or use Custom CSS:.your-container-class { display: flex; align-items: stretch; }
    5. Sometimes the accordion’s open/close state or content loading can affect height. Try keeping the Accordion closed by default and compare heights again.

    If none of this works, please contact us through the website for further assistance.

    You’re doing all the right things so far, and with just a bit of adjustment, we’ll get this looking perfect on the frontend too. 😊

    Warm regards,

    Thread Starter shannonsadik

    (@shannonsadik)

    12 months ago

    I tried all of those things that were not done already and it made it worse honestly. Now it all seems to be aligned to the top and the image column is much larger than the accordion column (so I don’t think the minimum height css will work b/c what I need is to shrink the images in standard mode, but enlarge when the accordion column is open and then respond accordingly and evenly depending on screen size). This is a live site so I need to force it to look good for the moment. Let me know what else I can try or what you need.

    Plugin Support Saiful Islam

    (@saifislam01)

    12 months ago

    Hi @shannonsadik,

    Thanks for sharing the update. Please contact us through the website for further assistance.

    Plugin Support Md. Anower Hossain

    (@anowerhossain16)

    8 months, 1 week ago

    Hi @shannonsadik,

    I hope you are doing well.

    I hope the issue you have reported has been resolved, and you have contacted our technical support through our website.

    However, if you find anything not aligned, please let us know. We are closing this thread for now.
    Have a nice day.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Equal Height feature not working as expected’ is closed to new replies.