Checkout SHIPPING messy text

  • Resolved drienikmichal

    (@drienikmichal)


    2 years, 10 months ago

    Hello dear users, i can’t solve my problem for month. On my eshop, in checkout, text with shipping methods is totally in right side and it’s breaking to more lines. I would like to have shipping methods on left, so every options can use full width of page. Especially on mobile phones it looks really weird. I am OK with progress and changes on eshop which i’ve made last 2 months, but this is very hard for me.

    I am using latest WordPress + Woocommerce + Avada theme and don’t know which one has problem. I am only able to copy / paste CSS code.

    Please can somebody help me?

    Eshop -> https://goodvibes.sk

    Screenshot on mobile phone (iphone 13)
    https://www.linkpicture.com/q/98992527-3F85-45D5-AD20-9B7A0416F181.jpeg

    I’ve added at least simple lines between shipping options to “separate it” more.

    Thanks for any help

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @drienikmichal

    It seems that the checkout page styles on your site are determined by your Avada theme.

    You can confirm that by temporarily switching to the standard WooCommerce Storefront theme and checking the result:
    https://www.woocommerce.com/storefront/

    That said, I recommend that you contact your theme’s developer for assistance.

    Meanwhile, as a workaround, you should be able to bring those elements further to the center on mobile devices by adding the following custom CSS code:

    @media(max-width:1035px){form.checkout .shop_table tfoot th {text-align: right !important}}
@media(max-width:1035px){form.checkout .shop_table tfoot td {text-align: left !important}}

    I hope that helps

    Thread Starter drienikmichal

    (@drienikmichal)

    Thank you kind person. I have to contact theme support. CSS code didnt help, nothing happened :/

    Hi @drienikmichal

    CSS code didnt help

    Never mind. Please reach out to Avada theme’s developer or support team and they should be able to tell a way forward. You can contact them at : https://themeforest.net/item/avada-responsive-multipurpose-theme/2833226/support

    As an alternative, you could also consult with the WooCommerce Customizations Partners at: https://woocommerce.com/customizations/

    Hoping for a quick resolution.

    Cheers

    This thread has been inactive for a bit, so I’m going to mark it as closed. Hopefully, the above information was helpful.

    Please feel free to open a new thread if you have any other questions related to core WooCommerce.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Checkout SHIPPING messy text’ is closed to new replies.