Accordion opens in next-door container

  • Resolved troyw2015

    (@troyw2015)


    3 years, 10 months ago

    Hi,
    I am using your plugin with Generatepress Premium and have created side-by-side accordions within left and right containers using their Grid.
    My problem is, when I open the left accordion, it opens a blank version in the right accordion. If I open the right container, the left opens blank.

    I’m thinking that the 2 accordions probably share the same class, which is why the same script affects both of them. If this is the case please could you advise which script and how to go about fixing this, to make the accordions work independently.

    Thanks in advance.

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

Viewing 1 replies (of 1 total)
  • Plugin Author philbuchanan

    (@philbuchanan)

    I think the problem is actually with your styles. The right accordion is not opening when you click the title of the left accordion (you can confirm this by looking at the + in the right accordion—it doesn’t change to a – when the left accordion is opened). Instead, because the entire container the accordion is in has a grey background and the height is set to 100%, when you open either one, the grey background is extended in both columns (both columns will always be the same height). This gives the appearance of a “blank version”.

    You can confirm this for yourself by removing the grey background from these classes:

    .gb-container-84eceaa7
.gb-container-87e49835
Viewing 1 replies (of 1 total)
  • The topic ‘Accordion opens in next-door container’ is closed to new replies.