Support » Plugin: One page checkout and layouts for woocommerce » Mobile isnt responsive

  • Resolved Amy

    (@synthea)


    I’ve gotten this plugin working and looking just right, thank you for making such a lovely plugin. I was just checking it out on mobile and realized it’s not responsive. I’ve cleared the cache. I’m using the 2 column and it’s not changing in mobile, just show 2 squished columns that aren’t readable or usable.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Amy

    (@synthea)

    I’ve implemented some flex css to the columns so make it usable, see below. It’s not perfect, I’m out of practice, it’s been so long since I did any css work that flex hadn’t been invented yet. If you can do it better, let me know.

    
    .checkout-two-column-layout {
    display:flex;
    flex-direction:row;
    }
    .two-column-layout-left {
        width: 50% !important;
    }
    .two-column-layout-right {
        width: 50% !important;
    }
    
    @media only screen and (max-width: 800px) {
    
    .checkout-two-column-layout {
    display:flex;
    flex-direction:column;
    }
    
    .two-column-layout-left {
        width: 100% !important;
    padding-right:5px !important;
    }
    
    .two-column-layout-right {
        width:100% !important;
    padding-right:5px !important;
    }
    }
    Plugin Author Rupinder Kaur

    (@coolcoders)

    Hi Amy ,
    I must say you have a very organized and clear checkout . You definitely used this plugin
    properly adding your own touch.
    Well please have a look at attached screenshot https://tinyurl.com/y9ezoz4t.

    Do let me know if I can help you further.

    Thanks
    Rupinder

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mobile isnt responsive’ is closed to new replies.