Single Product Page responsive

[gimmechefs]

Hi.

Id like to break the product page to single column at a screen width of 900px.

Please see attached and advise me on the css i will need.
Thanks

[tristup]

Hi @gimmechefs,

In a single product page, the breakpoint is 768px to show the output in a single column. In order to show the same in 900px breakpoint
you need to add the following code in Theme Option > CSS.

@media  (max-width: 900px) {
    .woocommerce-page div.product div.images, 
    .woocommerce-page div.product div.summary {
        float: none;
        width: 100%;
    }
}

Remember that the above code will work if copied as it is and don’t conflict with any existing code.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something in your site nor will we enhance it.

Hope it helps.

Thanks

[gimmechefs]

Thank you. That works perfectly.

[friech]

You’re more than welcome, glad we could help.

Cheers!