Jump to content

[Resolved] CubeCart 5 Mobile site Issue


bondimedical
 Share

Recommended Posts

I think, in /modules/gateway/Card_Capture/skin/form.tpl, you will need to edit the fixed width <input type="text"> tags from size="50" to no size at all, which should then let the browser size them to fit. I think.

Be sure to clear the skin cache.

On the other hand, there may be something else forcing the page to be wider than it should be. I am testing with CubeCart's "Mobile" skin.

At 320px wide, the text entry fields are too wide for the display. At 360, everything is fine.

In the image above, what is the object just barely showing on the right edge?

What size is the store logo showing on this page?

Do you have CubeCart's Debug section enabled? That will force the page width to be far wider than the viewport.

Link to comment
Share on other sites

I managed to find what is making the page wider. I noticed on the Desktop version the country field is much longer than all the other fields - see first screenshot. I then commented out the country field row in the table and all the boxes fit on the mobile - see second screenshot. So how do I fix that?

Desktop.jpg

Screenshot_20160428-153156.png

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...