Checkout page is not mobile friendly

  • Posts: 263
  • Thank you received: 7
  • Hikamarket Frontedition Hikamarket Multivendor Hikaserial Standard Hikashop Business
11 months 4 weeks ago #356320

-- url of the page with the problem -- : aquacorals.com/index.php/inverts-rock/anemones/checkout
-- HikaShop version -- : 4.7.1
-- Joomla version -- : 3.10.12
-- PHP version -- : 7.4.33
-- Browser(s) name and version -- : Chrome

Is there a way to make this page fully responsive so that it fits on mobile devices?

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

  • Posts: 82683
  • Thank you received: 13337
  • MODERATOR
11 months 4 weeks ago #356321

Hi,

The HikaShop checkout page should already be responsive.

So I went to look at your URL but I can't access it from where I am:
i.imgur.com/Ldw4FII.png
Could you change the settings to allow access to France ?

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

  • Posts: 263
  • Thank you received: 7
  • Hikamarket Frontedition Hikamarket Multivendor Hikaserial Standard Hikashop Business
11 months 4 weeks ago #356331

My apologies, its open to France now

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

  • Posts: 82683
  • Thank you received: 13337
  • MODERATOR
11 months 4 weeks ago #356339

Hi,

So when I look at the website on a desktop, I can see the checkout page like this:
i.imgur.com/VDhXzy1.png
On a mobile device, I can see the login/registration above the login form / registration form so that it doesn't take too much width:
The login form module also goes to the bottom to reduce the width needed.
So I guess I would need more precision on what you mean by "Checkout page is not mobile friendly" to be able to help.

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

  • Posts: 263
  • Thank you received: 7
  • Hikamarket Frontedition Hikamarket Multivendor Hikaserial Standard Hikashop Business
11 months 4 weeks ago #356341

Hi,
The client is a stickler.
This is what we see on the mobile device where the text and ends of the fields are cut off. Any way to fix that?
snipboard.io/RT4K5j.jpg

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

  • Posts: 263
  • Thank you received: 7
  • Hikamarket Frontedition Hikamarket Multivendor Hikaserial Standard Hikashop Business
11 months 4 weeks ago #356348

Actually, I just created a language overide with line breaks and it seems to be ok. But if you have a better suggestion, I'm all ears

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

  • Posts: 4715
  • Thank you received: 639
  • MODERATOR
11 months 4 weeks ago #356355

Hello,

It seems that there are other elements which diverge from the expected results.
See my checkout (default css) and yours :



I think this can come from your template on the one hand and from the css command directly in your frontend css file (you use a so-called Frontend custom Css).
Regards

Last edit: 11 months 4 weeks ago by Philip.

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

Time to create page: 0.061 seconds
Powered by Kunena Forum