Two columns for some iphone

  • Resolved juniorov

    (@juniorov)


    2 years, 7 months ago

    Hi, I have an issue with the last iPhone, in the checkout, it displays two columns instead of one.
    I open the debug manager and the problem is with the media query.
    The file wp-content/plugins/custom-checkout-layouts-for-woocommerce/asserts/css/custom-checkout.css It is using the media query “@media screen and (max-width: 768px)”

    How can I fix this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Rupinder Kaur

    (@coolcoders)

    Hi @juniorov ,
    Can you let me know which layout you are using for checkout ? If you can edit the css you can make changes to the mentioned screen size according to your needs.

    Thanks

    Thread Starter juniorov

    (@juniorov)

    HI @coolcoders I am using
    Checkout Page Layouts: 2 Column Layout
    Order Table Design Options: Style 1

    I gonna try to fixed and I will let you know and share the fix

    The problem is with iPhone 13 Pro max

    • This reply was modified 2 years, 7 months ago by juniorov.
    Plugin Author Rupinder Kaur

    (@coolcoders)

    Hi @juniorov ,

    The problem is with the screen size @media screen and (max-width: 426px). You can increase this to 429 or 430 depending on your phone screen size . it will sort your problem.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Two columns for some iphone’ is closed to new replies.