Sam-Logie Posted April 11, 2023 Share Posted April 11, 2023 Hi there I wonder if anyone could help me to align my product pages on mobile view only please. Currently the Item Description is sitting under the 'add to cart' button on all product pages on mobile view only (desktop view is fine). I would like the Item Description to sit under Product Name if possible please. Many Thanks Sam Link to comment
tuanphan Posted April 14, 2023 Share Posted April 14, 2023 Hi, Can you share link to this product? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Sam-Logie Posted April 14, 2023 Author Share Posted April 14, 2023 10 hours ago, tuanphan said: Hi, Can you share link to this product? We can check easier Hi Tuanphan Here’s the link https://samanthawade.co.uk/medik8/p/crystal-retinal-ceramide-eye this is just one specific product but I’d like the layout to change on all of them on mobile view if possible. thanks again sam Link to comment
Solution tuanphan Posted April 16, 2023 Solution Share Posted April 16, 2023 On 4/15/2023 at 3:08 AM, Sam-Logie said: Hi Tuanphan Here’s the link https://samanthawade.co.uk/medik8/p/crystal-retinal-ceramide-eye this is just one specific product but I’d like the layout to change on all of them on mobile view if possible. thanks again sam Add to Design > Custom CSS @media screen and (max-width:767px) { .ProductItem-details-excerpt { order: 1 !Important; } .ProductItem-product-price { order: 2 !important; } } Sam-Logie 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Sam-Logie Posted April 17, 2023 Author Share Posted April 17, 2023 21 hours ago, tuanphan said: Add to Design > Custom CSS @media screen and (max-width:767px) { .ProductItem-details-excerpt { order: 1 !Important; } .ProductItem-product-price { order: 2 !important; } } Thanks so much Tuanphan, that worked perfectly! Have a good day Sam tuanphan 1 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