Responsive checkout page?

Home Forums eStore Free Responsive checkout page?

This topic contains 20 replies, has 8 voices, and was last updated by  muradaminudin 1 year, 7 months ago.

Viewing 15 posts - 1 through 15 (of 21 total)
  • Author
    Posts
  • #1281713

    hrhamzahrais
    Participant

    hello, this estore theme suppose to be responsive in all screen resolution right?
    i found out this checkout page isnt responsive (image click here)
    please help me to make this responsive..

    #1281749

    sajantg
    Moderator

    Hello @hrhamzahrais,

    Checkout page is responsive in estore theme. Could you please provide us your site URL so we can inspect it and provide you some solution.

    Regards,
    Themegrill Support Team.

    #1281851

    hrhamzahrais
    Participant

    hi @sajantg
    no, the text field on checkout page isnt responsive, it still need a horizontal scroll. as you can see on picture that i have provided here https://prnt.sc/dis07x.
    it need horizontal scroll to fill last name, phone, etc.

    you can check it with the demo https://demo.themegrill.com/estore/ and this https://demo.themegrill.com/estore-pro-fashion/
    please check with your own smartphone.
    thanks

    #1281885

    sajantg
    Moderator

    Hello @hrhamzahrais,

    Thanks for bringing this issue here. Please use the following css code for that issue. Please paste that in custom css box.

    @media (max-width: 600px)
    .woocommerce-checkout .entry-content .woocommerce {
        width: auto;
    }

    Thanks.

    Themegrill Support Team.

    #1284336

    hrhamzahrais
    Participant

    hi sajantg,

    i have tried to paste that code in custom css box. but nothing change

    #1284380

    romosamatya17
    Moderator

    Hi there,

    Paste this CSS code in the Custom CSS Box provided through the Customize Options:-

    @media (max-width: 768px)
    .woocommerce-checkout .entry-content .woocommerce {
        width: auto;
    }

    Thanks.

    #1285113

    hrhamzahrais
    Participant

    Hi romosamatya17,

    I pasted that code in to custom CSS, and it still showing like this https://prnt.sc/dis07x

    That customer details field still have scroll bar.

    #1285314

    romosamatya17
    Moderator

    Hi there,

    Please provide us your site link. So we can provide you a proper solution.

    Thanks.

    #1288786

    dennisvanvuren
    Participant

    Hi,

    I’ve got the same problem, has it been resolved to your site?
    I hope you can help me

    Thanks

    #1288842

    Nima
    Moderator

    Hello @dennisvanvuren,

    If you do have the same problem in the checkout page then please allow us your site URL and we will provide you a solution.

    Thanks!
    ThemeGrill Support Team

    #1289126

    dennisvanvuren
    Participant

    Hi There
    My site URL is here
    I hope you have a solution.

    Thanks!

    #1289219

    Nima
    Moderator

    Hello @dennisvanvuren,

    We couldn’t see any checkout pages in your website. So, could please point us the specific page where you have been facing the problem.

    Thanks!
    ThemeGrill Support Team

    #1289464

    dennisvanvuren
    Participant

    There is a checkout page but there is one problem
    If you don’t have any products in your cart, you can’t see the checkout page 🙂
    the specific page is 123karaokeverhuur.nl/checkout
    I like this theme, but this is the only page that’s not responsive on mobile devices.

    #1289679

    Nima
    Moderator

    Hello @dennisvanvuren

    At the moment as there is no product in your cart, the page seems fine and responsive as you can see below :

    View post on imgur.com


    So, could you please mention us with any screen shots where the page is acting unresponsive and considering that we will provide you a solution.

    Thanks!
    ThemeGrill Support Team

    #1289833

    dennisvanvuren
    Participant

    This is the screenshot of my mobile phone.
    You must place a product in your cart and click ‘doorgaan naar afrekenen’
    The ‘winkelmand’ (cart) page is ok, but only the checkout page you see half on your mobile Phone
    see here

    https://demo.themegrill.com/estore/checkout has the same problem on my phone
    see here

Viewing 15 posts - 1 through 15 (of 21 total)

You must be logged in to reply to this topic.