threadsonline Posted February 3 Share Posted February 3 Hi everyone, I'm looking to add some CSS in order to customize the form width on my product page on mobile display only. I need the desktop form width to be 50%, and the mobile form width to be 100%, but whenever I change the form width display it affects both displays. If the form width is 100%, it looks great on mobile, but on desktop the 'add to cart' button is way too big & it looks silly. If the form width is 50%, it looks great on desktop, but on mobile the product variants stack up in an odd order. Screenshots attached for reference. Thank you in advance! 🙂 Link to comment
Web_Solutions Posted February 4 Share Posted February 4 18 hours ago, threadsonline said: Hi everyone, I'm looking to add some CSS in order to customize the form width on my product page on mobile display only. I need the desktop form width to be 50%, and the mobile form width to be 100%, but whenever I change the form width display it affects both displays. If the form width is 100%, it looks great on mobile, but on desktop the 'add to cart' button is way too big & it looks silly. If the form width is 50%, it looks great on desktop, but on mobile the product variants stack up in an odd order. Screenshots attached for reference. Thank you in advance! 🙂 What is the website URL? If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible.  Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment