WooCommerce Check Out doesnt look well on Mobile - Support | Kriesi.at

Tagged: check out, woocommerce

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
November 15, 2015 at 8:29 pm #536187

icodesign
Participant

Hi there, i notice today that on the Mobile Phone the Checkout Page doesnt look well, user cannot tick the boxes because its not visible see the image here http://raeucherwerk-basel.ch/wp-content/uploads/2015/11/kasse.jpg and also check out directly over here: http://raeucherwerk-basel.ch/warenkorb/

Thanks a lot for help

November 18, 2015 at 3:36 pm #538196
Andy
Inactive Moderator
Hi icodesign!

try this code in Quick CSS field:
```
@media only screen and (max-width: 767px) {
.cart-collaterals .cart_totals tr td, .cart-collaterals .cart_totals tr th {
padding-right: 0px;
padding-left: 4px;
}}
```
Cheers!
Andy
November 18, 2015 at 3:55 pm #538219

icodesign
Participant

Hi Andy

Thanks for feedback

I paste in the css rules, it looks diffrent now but still not nice, the checkboxes are shown now but not the text in it… the best would be when this is not in 2 columns, maybe underneath looks better.. See attachment here how it looks after the CSS rules i paste it from you: http://raeucherwerk-basel.ch/wp-content/uploads/2015/11/2015-11-18_14-50-17.jpg

Thanks again for youre help

Regards
Nicole

November 18, 2015 at 4:10 pm #538246

Andy
Inactive Moderator

Hey!

I checked again your website on mobile and it looks like this for me now:

View post on imgur.com

Please clear browser cache and hard refresh a few times.

Regards,
Andy

November 18, 2015 at 4:17 pm #538254

icodesign
Participant

Yes in the Chrome browser it looks like this, but in the Firefox you can make the windows a little bit smaller and there it doesnt look like this, and on my mobile it looks like in the Browser from FireFox, because of this i send you the image from Firefox browser. I have an iphone 5 and there it looks like in the Firefox on Portrait view, landscape its fine

Can you check it also ob your mobile? Please have a look at the image here http://raeucherwerk-basel.ch/wp-content/uploads/2015/11/2015-11-18_15-17-14.jpg

November 18, 2015 at 5:15 pm #538333

Andy
Inactive Moderator

Hey!

I tried to login into your backend, but credentials form your first pos are not working for me. Can you check please?

Best regards,
Andy

November 18, 2015 at 5:20 pm #538340

icodesign
Participant

Yes sure see private content

November 18, 2015 at 5:43 pm #538379

Andy
Inactive Moderator

Hey!

actually that’s a WooCommerce element and it would be best to ask WooCommerce support about how to make the first half of the table smaller on mobile, as they know their plugin best.

We recommend to upgrade to Enfold 3.4.3 (maybe this will already solve your issue).

Cheers!
Andy
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.