I made a custom tabs section to show product and shipping details but whenever i click on any of the tabs it scroll the screen to the top which ideally should not happen. Please help.
Check the source code and find why the tabs html is just after the opening tag.
It should be in its actual position if you need it to work without an unexpected scroll.
Can you elaborate please? I am new to coding.
You mean you don’t know what is source code? Check the screenshot
To understand better ask from the one who provided you this custom code or the one who implemented this section for you.
This section has been coded in a separate section file and has been made to sit below the product in theme customization. The screenshot you shared is solely the code of this tabs section and that’s why the tabs html is just after the tag
okay but to make it work accurately change the position of the code/section so it can work as you need.
Or find why in source code the code is in the top.
I tried putting defer in the following scripts and that makes the scroll work fine but it also makes all the tabs stack vertically instead of showing one at a time.