Checkout Registration mobile CSS issue

-- HikaShop version -- : 3.1.1
-- Joomla version -- : 3.6.5
-- PHP version -- : 5.5.38

Hello,

On mobile devices < 400px a gap appears to the right (please see attached).

I don't understand which class is causing this. It seems to be something in the registration area. Is it "fieldset"? When I remove this class the problem goes away.

I know this very vague, but this is all I can provide.

Any suggestions?

Thank you,
J.

Hi,

It's going to be hard to help you on this without anlaysing the CSS on the page.
Could you provide a link to your shop with instructions on how to reproduce (if necessary) ?

Hello,

No worries, I have fixed this!

The recaptcha's module and iframe was too wide. I did the following:

@media only screen and (max-width: 768px) {
#g-recaptcha
{
width: 205px;
}
#rc-imageselect, .g-recaptcha
{
transform:scale(0.77);
-webkit-transform:scale(0.66);
}
}

Thanks anyways.

J.