Google Chrome, Avenue template break

  • Posts: 344
  • Thank you received: 3
10 years 9 months ago #166448

-- HikaShop version -- : 2.3.2
-- Joomla version -- : 2.5.24
-- Browser(s) name and version -- : Google Chrome

I have one little crazy problem with the checkout flow.

The problem only occur in Google Chrome browser, and with the Yootheme Avenue template.
In IE, Firefox and Safari it look looks normal, and if I change template it also looks normal in Google chrome.

Problem: The payment pictures and text description from the payment solution flows into each other. There is no space.

Please see picture below to see what I mean.



I know that this is a yootheme template problem, but I am asking you first hoping you guys have a quick fix.

Attachments:
Last edit: 10 years 9 months ago by river.

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

  • Posts: 68
  • Thank you received: 8
  • Hikashop Business
10 years 9 months ago #166523

Can you please post a link to your website so I can see what's causing the problem.

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

  • Posts: 83927
  • Thank you received: 13584
  • MODERATOR
10 years 9 months ago #166453

I've never seen that problem. We would need a link to the shop in order to look at the CSS/HTML in order to tell you more.

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

  • Posts: 344
  • Thank you received: 3
10 years 9 months ago #166560

nicolas wrote: I've never seen that problem. We would need a link to the shop in order to look at the CSS/HTML in order to tell you more.


Tnx for reply.
Here is a link to my demo site. Just do a test-purchase using the Google Chrome browser. www_kvikkimedia.no

I only use guest checkout on this demo, so no need to register.

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

  • Posts: 83927
  • Thank you received: 13584
  • MODERATOR
10 years 9 months ago #166576

Hi,

It comes from the line:
max-width: 100%;

of the CSS code:
img {
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
height: auto;
vertical-align: middle;
}

of the file www.kvikkimedia.no/templates/yoo_avenue/...s/blue/css/theme.css of your template.

To avoid that, you can add such CSS on your website:
.hikashop_checkout_payment_image img{ max-width: none !important; }

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

Time to create page: 0.091 seconds
Powered by Kunena Forum