Reducing padding on mobile on product pages
-
Hi guys, can you please assist me with reducing the product page padding on mobile? This is for both the short and long descriptions.
Thanks,
Tom
Attachments:
You must be
logged in to view attached files.
Hello,
It seems that the content is set to Container Fluid on your Site which generally has the left and right padding by default set to 15 pixels. So, you can try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile area:
.main-page-wrapper .container-fluid {
padding-left: 0 !important;
padding-right: 0 !important;
}
Best Regards.
Hi Aizaz,
Thanks so much for the code, it did the trick on our staging site. I changed the padding from 0 to 5, though.
For some reason it’s not working on our live site, though. Can you please look into this for me? I’ve put the code exactly as you instructed.
Best regards,
Tom
Hello,
Actually, as we have seen on both of your Sites, the modification that you have done in our provided Custom CSS is incorrect.
If you want to define values other than 0 then you need to apply the Custom CSS with pixels to values like 5px or 10px not like 5 only, it is incorrect.
So, the modified version of the earlier provided CSS should be like this:
.main-page-wrapper .container-fluid {
padding-left: 5px !important;
padding-right: 5px !important;
}
The location to paste the Custom CSS is the same as told earlier.
Best Regards.
Thank you for the clarification, it works great now!
Most Welcome!!!.
I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.
We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.
Thanks for contacting us.
Have a great day.
Topic Closed.
Best Regards.
The topic ‘Reducing padding on mobile on product pages’ is closed to new replies.
.
