Tagged: responsive
Hi is it possible to disable mobile responsive design only on one particular page, but to keep responsive on the rest of the website?
Hi eric84!
Can you please post the link to your page which you would like to disable responsive layout?
Regards,
Yigit
Currently, I have disabled responsive layout on whole website. I would like to have it enabled, but have it disabled on this page only https://purestwaterfilter.com/zip-checkout/
The website is live, so I do not want to enable responsive layout as it breaks the functionality of the page mentioned above. Maybe I am approaching this a wrong way, but this is what’s happening: I have woocommerce and woo one page checkout plugins enabled. When in responsive mode the product table shrinks to the point where “add to order” buttons disappear from the table.
Full screen: http://screencast.com/t/WyfHk9l2Qz
Responsive: http://screencast.com/t/Cd1fyy8un
If you would like to get backend login please let me know.
Thank you.
Hey!
I am sure we can try to fix any responsive issue for you, while keeping responsiveness for you whole website. We would need to inspect the elements on your website, while responsive mode is on, because we need to check why the buttons disappear. Let us know when you activated responsive mode, so we can find to keep the buttons enabled for you.
Best regards,
Andy
Hi Andy,
I have enabled the responsive layout on the website. Please take a look at the page(link in the private content) where the “add to cart” buttons disappear when the website goes into the mobile responsive layout.
Thank you for all your help.
Eric
Hi!
try this code in Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive .shop_table .product-quantity {
display: inline-block;
}}
Best regards,
Andy
This works great.
Thank you very much.