checkout price aligment problem

  • Posts: 20
  • Thank you received: 2
  • Hikashop Business
11 months 1 week ago #351792

-- url of the page with the problem -- : www.aroma-massage.it/carrello/checkout.html
-- HikaShop version -- : 4.7.2
-- Joomla version -- : 4.3.1

hi everyone, going to the checkout page of my shop in mobile view there is a price display problem. In fact, the prices overlap the writing on the left.
now I don't know if it depends on my template or on hikashop but I can't solve it.

thank you all, I trust in your help

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

  • Posts: 4519
  • Thank you received: 611
  • MODERATOR
11 months 1 week ago #351799

Hello,

In this kind of case, you can process a test with a default template like ProtoStar (for J3) or Cassiopeia (for J4), and if that solve your display issue then, there are good chance that it's your template.

Now, we did not see your problem described, but maybe we didn't understand you well ?

alt


Regards

Last edit: 11 months 1 week ago by Philip.

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

  • Posts: 20
  • Thank you received: 2
  • Hikashop Business
11 months 1 week ago #351812

you didn't get it right. Weird you can't see it :huh:
I am attaching a screenshot.

Attachments:

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

  • Posts: 4519
  • Thank you received: 611
  • MODERATOR
11 months 6 days ago #351831

Hello,

It seems that part of your display issue come from your template, see my screenshot in the red bordered part.
=> Too much padding that come from your template.

alt

AND you can add this css command in order to have your text aligned on the right, see my screenshot green bordered part.

Regards

Last edit: 11 months 6 days ago by Philip.

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

  • Posts: 20
  • Thank you received: 2
  • Hikashop Business
20 hours 43 minutes ago #360542

hi, I'm continuing this topic because I've made various changes to the site, including the template which is currently Cassiopeia, but I still have the problem.



I also tried inserting the attribute
text-align: right but without success

Attachments:
Last edit: 19 hours 15 minutes ago by aromamassage.

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

  • Posts: 4519
  • Thank you received: 611
  • MODERATOR
16 hours 4 minutes ago #360543

Hello,

A little like previous, we can guide you to correct this but the issue don't come from HikaShop, see my screenshot :

alt


My correction that you can add in your custom frontend file Css :
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .hikashop_checkout_cart td.hikashop_cart_product_name_value {
        width: 100%;
    }
}

Regards

Last edit: 20 hours 3 minutes ago by Philip.

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

Time to create page: 0.056 seconds
Powered by Kunena Forum