bank account number cut off on mobile

Please post a link to your site to enable the page to be examined with browser tools.

Sorry! Sure here you are: https://www.labelsandbaskets.nl/bestellen/order-received/2446/?key=wc_order_5609a9f26b9ee Please note this problem only occurs on mobile phones. Thanks so much for checking

I can see the ACCOUNTNUMMER fine on my mobile in portrait view (my phone has logical horizontal resolution of 360px / Android / Chrome browser) and on desktop set to 320px width again Chrome. So looks good here. Try clearing your mobile browser cache, and maybe try on another mobile.

Hi Lorro,

Thanks so much but if I check the link above on my mobile it does not show the bank account number. Also when going through the process of being something and then ending up on this page on my mobile which makes the ban account number get broken off. I have tried three different mobiles (all iPhone though) and have cleared the browser cache as well and still have this issue…

Any other suggestions?
Thanks

Can I just check I’m looking in the right place? Its a number ending:
…. 8422 09. So you can’t see the 09 on your devices?

This custom css should give the element more space:

.woocommerce .order_details li.account_number
{width:100%; margin-right:0; padding-right:0}

If your theme does not have a setting where you can enter custom css, you can use a plugin like this one:
https://www.ads-software.com/plugins/simple-custom-css/

I can’t see if it works because it still works already for me.

thanks Lorro. The weird thing is that I only see the first letters of the account number, so no digits at all. On desktop it all works fine, but on a mobile it is not shown…. I will give the CSS a go. Thanks so much for your efforts!

Would you have nay idea how to target the blue bottun that says “winkelwagen bijwerken” on the left bottom corner of the cart page on a mobile view? The text is cut off in the button (I thin due to the long translation?) but I can’t seem to find how to target this button for mobile view only…

Thanks once again for taking the time!

@media only screen and (max-width: 768px) {
  .woocommerce table.cart td.actions .button,
  .woocommerce table.cart td.actions input,
  .woocommerce-page table.cart td.actions .button,
  .woocommerce-page table.cart td.actions input
  {width: 80%}
}

Your code worked like a charm, thanks!

Still trying to figure out what happens with the bank account number but thanks so much for your assistance!