• Hi,

    I’m using this plugin on JpintsWP theme and it’s works fine.
    I have a problem when using accordion element.
    This is how it should be (the “EXHIBITIONS” div is on the parallax image):
    https://ibb.co/cwnj613

    And when i open the accordion element(at the top of the page) the upper div(with the logos) get on top of the parallax background image:
    https://ibb.co/RzNdXRB

    When I resize the page or when I close the accordion it’s getting fine again.

    How can i fix that?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author thehowarde

    (@thehowarde)

    Hi.

    I really can’t offer much advice from a screenshot. But keep in mind that other plugins and/or features may cause conflicts with the jQuery from the Parallax Scripts (which I am just turning into a WordPress shortcode).

    Thread Starter sampibiz

    (@sampibiz)

    Thank you for your quick replay.
    I have created a demo site that illustrate the issue:
    https://sampi.co.il/parallax/

    As you can see, when one of the accordion’s item is open – the middle section (with “TEXT TEXT” ) go over the parallax image and push the parallax content down.

    If you any suggestion of how to solve it, it would be great!

    Plugin Author thehowarde

    (@thehowarde)

    Hi there.

    Your problem is more to do with css than the parallax. I’m not really familiar with Foundation, and it’s methods.

    The problem however, isn’t with the plugin, but it’s more directly related to the parallax js script which I’ve converted into a plugin.

    So as far as a work-around, I’d have to spend a lot of time to figure out how to make your accordions “Not put the text below the accordion down” – which would involve some kind of CSS positioning of the text below the accordions, and the behavior of the (Foundation) accordions themselves. This problem really seems beyond the scope of me fixing the plugin though.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problem when using accordion’ is closed to new replies.