Why isn't my product page layout working well on mobile?

[ElvinM]

It works great on desktop

But not working as we thought on mobile phone.

https://monton.cc/products/skull-monton-cycling-jersey-mens-friday-ii-blue

[dmwwebartisan]

@ElvinM

Please add the following CSS code to your assets/base.css bottom of the file.

@media screen and (max-width: 749px) {
.gp-product-detail .column {
    float: left;
    width: 100% !important;
    padding: 5px;
}
}

Thanks!

[suyash1]

@ElvinM - add this css to the very end of base.css and check

@media screen and (max-width: 749px) {
.gp-product-detail .column h4 {padding: 0 !important;}
}