Mobile isnt responsive

  • Resolved Amy

    (@synthea)


    3 years, 8 months ago

    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.