Having an issue where I have an accordion one of our sites. When you click on it expands as expected, but then when I go to click on another, the site scrolls way off the content. This seems to be even more pronounced on mobile. Every time I open or close one of the accordion tabs it seems to be get even worse.
How can I disable the scrolling effect on accordion clicks?
Hi @adsmedia,
Thanks for reaching out.
I have checked and found that the background image size of that section is set to cover and that is why the image is enlarging while you are expanding the Accordion. Also when you are expanding an accordion, it will start showing the content from the top of that, and that is why it looks like a screen jump. Regarding background image size, I would suggest you set the background image size to contain and check if that resolves your problem or not.
Thanks
That pointed me in the right direction. It wasn’t the ‘cover’ that was doing it. It was the parallax set to the background image. I guess that makes things just around when interacting with an accordion item?
Hello @adsmedia,
Yes, it is. As the Section element’s height increases, the background image zooms in to fully cover the whole Section area.
Best Regards.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.