Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 10, 2021 at 12:07 pm #1328468
    eldrico

    Hi There,

    I have a FAQ page on my website where i use 2 accordion FAQ element side by side in a 2-columns row (1/2 + 1/2).
    The column is not set to be equal height, but individual height.

    When I click on any items of my right FAQ, there are some spacing created on the FAQ accordion on the left.

    Can you please help me fixing that issue?

    Wordpress is up-to-date and enfold and the plugins too.

    I did a short video to show you the unexpected margin/space and gave you below the website link.

    Let me know if you want to access the BO.

    Thanks in advance and have a nice day,

    cédric

    November 10, 2021 at 3:52 pm #1328529
    Ismael

    Hey eldrico,

    Thank you for the inquiry.

    That is an odd issue. Looks like the first toggle in the first column gets hidden when activating the first toggle in the second column. We are not really sure why that is happening. When we inspect the element, nothing is really changing, no inline css or styles are being added and the markup of the element stays the same.

    Please try to add this css code in the Quick CSS field.

    .single_toggle {
    overflow: visible !important;
    position: relative !important;
}

    Best regards,
    Ismael

    November 10, 2021 at 4:20 pm #1328542
    eldrico

    Hi Ismael,
    Thanks for your quick answer. I added the custom code and it looks like it fixed that issue.
    But now it looks like I have another kind of problem with the toggle on the right column.

    Please have a look at thsi short video, especially when I click on the right column items. I cilck and being moved downer than the opened toggle.

    But on the left toggle, it’s ok.

    That it is means there’s a kind of conflict between both toggles being on the same page or else?

    I have also another strange bug on another page and the ID of each toggle looks like not being updated. It looks like a cache issue but I have no cache plugin and I disactivated your performance options for now.

    Thanks for your help,

    Cédric

    November 10, 2021 at 4:34 pm #1328544
    eldrico

    Hey Ismael,

    I am sorry, the problem was just because I am stupid ;o)

    All the problems are fixed and the issue was because I had many same #ID for different toggles!! I was not looking at the right place to change the ID and now everything is working even without your custom css. Sorry for the inconvenience and many thanks for your support!

    Have a nice day and you can close the topic!
    Thanks,

    Cédric

    November 11, 2021 at 6:27 am #1328600
    Rikard

    Hi Cédric,

    Great, I’m glad that you found the problem, and thanks for the update. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘FAQ Accordion problem – Unexpected white space’ is closed to new replies.