Mobile Responsive not working for checkout template

  • Resolved georgcantor

    (@georgcantor)


    2 years, 8 months ago

    I am using shopengine for my checkout page. I am using Elementor Pro 3.7.2

    The problem I’m facing is that the page designed, which looks great in the Elementor editor, does not show up responsively as it should on mobile. A section that have 2 columns side by side, is still shown side by side on mobile.

    I should note I am also using various speed performance plugin such as wp rocket, debloat, autoptimize and asset cleanup. But I have disabled the things suppose to effect this page. To note that no such problem arise at any other page.

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

Viewing 1 replies (of 1 total)

  • Hello @georgcantor ,

    I have checked your website and found that the two columns are showing on mobile device also as like desktop view. This is happening due to the custom CSS you have added on the checkout page. For the clarification please check this screencast.

    You can modify your existing added CSS code to fix the issue as well. Please add this below CSS code in Appearance → Customize → Additional CSS

    @media (max-width: 767px){
    .shopengine-woocommerce-checkout-form .elementor-column {
        width: 100% !important;
    }
}

    ?
    Regards,
    Benjir

    • This reply was modified 2 years, 8 months ago by Benjir Ahmed.
Viewing 1 replies (of 1 total)
  • The topic ‘Mobile Responsive not working for checkout template’ is closed to new replies.