Could someone help me fix a problem I am having with my collapsible menu in product description. I want to create an accordion similar to this post: https://community.shopify.com/c/Shopify-Discussion/How-to-create-collapsible-Accordion-for-product-d...
I have made the accordion, but an issue I am having is that if I am scrolled down the page with the collapsible in around the top third of the viewport, if I click the collapsible to open it, it opens so that I am looking at the bottom of the content. (So I have to scroll up past the content of the collapsible in order to see the start of the content).
This happens no matter what definition of an accordion/collapsible I have used - defining my own or using Bootstrap.
Is there a way to ensure that collapsibles always open so that the viewport is left looking at the collapsible title and the start of the content, instead of the user being pushed down?
I've searched everywhere but for some reason I can't find an answer. Below is an example of the problem, when I try to expand the FAQs tab.
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
Hi @KetanKumar ,
I haven't updated the live site to show this problem - it's an active shop so we cannot have it inoperative for a period.
Are there any tips you could give me without being able to see the problem operating live?
Thank you for replying!
can you please share store preview url if you need them
Thanks for details
We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?