Checkout Registration mobile CSS issue

  • Posts: 220
  • Thank you received: 12
7 years 4 months ago #273328

-- 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.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
7 years 4 months ago #273348

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) ?

Please Log in or Create an account to join the conversation.

  • Posts: 220
  • Thank you received: 12
7 years 4 months ago #273466

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.

Please Log in or Create an account to join the conversation.

Time to create page: 0.064 seconds
Powered by Kunena Forum