I added Collapsible Tabs to my product pages on my Shopify store using the minimog theme. However, when I click to open the first tab, then scroll down to the second tab and click to open it, the page automatically scrolls to the way bottom. I have to manually scroll up to get to the desired tab. Does anyone know how I can resolve this issue?
This issue could be caused by a conflict between the script used for the Collapsible Tabs and the script used for smooth scrolling on your website. Here are a few things you can try to resolve the issue:
-
Check for any errors in the console: Open up the developer console in your browser (usually accessed by pressing F12) and check for any errors that may be causing the issue.
-
Disable smooth scrolling: If your website has smooth scrolling enabled, try disabling it temporarily and see if the issue is resolved. If it is, you can try using a different smooth scrolling script that is compatible with the Collapsible Tabs script.
-
Adjust the script: If you are comfortable with coding, you can try modifying the script used for the Collapsible Tabs to prevent it from interfering with the smooth scrolling script. You may need to consult with the theme developer or a developer with Shopify expertise for assistance with this.
-
Use a different app or plugin: If the issue persists, you may want to consider using a different app or plugin for your Collapsible Tabs that is known to be compatible with the minimog theme and any other scripts you are using on your website.