Credit card display issue on checkout page

Hello all, I am having a rather interesting problem with the checkout page on a website I am developing. When testing the checkout page in a mobile browser clicking Continue >> does not bring the credit card section into focus. The area that is focused on is the shopping cart with the credit card field below the shopping cart and address fields. This is very confusing the customer. Can you please take a look at the attached pages to let me know how to fix this issue?

Thank you,
Robert

I'll have to debug this online. Can I get FTP access and a URL to reproduce? I'll have to look at it with my mobile device to reproduce the issue and fiddle with the code to find a solution that works.

Ray, I am so sorry to have left you hanging yesterday, but in setting up an FTP account for you to inspect my files I discovered another headache of a problem. It turns out that the detail page of my website, which is basically the backbone of my entire e-commerce website, fails to display properly on the live web server on my Hostgator account. I have some kind of syntax error that manifests itself on the live server but was not a problem using WAMP on my Windows laptop. I have posted FTP credentials and the path to the problem in the private message area.

I turned on Debug in your rsobj.php file... that gives more details in error messages. It appears your database structure may be different on your live server. Please see the current error for more details and let me know if you still have any questions.

Ray, I am so embarrassed to admit my mistake with the productoptions table. I had changed one the table field names, midway through my database development process, from ProdID remotely to ProductID locally. After exporting and uploading the productoptions table to my database, viola! Problem solved. I thank you hardily for your help in debugging this issue.

However, that still leaves the credit card display issue not being in focus. You will see exactly what I mean when you try and make a purchase for a mobile browser. Just add any item to the shopping cart, click checkout, fill out the name and address forms, click continue and you will see the problem clearly. The credit card payment field should come into focus but instead sits at the bottom of the page. Can you please have a look at the files while you still have FTP access? I appreciate your help.

By the way, I just upgraded to the new Databridge 2.3.4 and I am enjoying the new functionality. Looking forward to building more and better websites in 2019!

You can update the file:
webassist/checkout/js/paymentoptions.js

line: 222

by deftaul it has:
wa_ScrollToID("cart_wrapper");

I changed it to:
wa_ScrollToID("eC_PurchaserInfoWrapper");

That brings it a little lower. You could go even lower with:
wa_ScrollToID("Payment_Checkout_BugBitingPlants");

Thanks again Ray, I can see that is will solve my problems. I will fiddle around with wa_ScrollToID("Payment_Checkout_BugBitingPlants"); values to make it just perfect for my needs.

Have a great day!