Thank you for being so responsive to our tickets. We would like to add some padding to mobile and tablet pages. The images attached show how close the page cuts off to the screen. For now, could we add 10px padding to the left and right of every page for mobile?
I did not solve the problem. Like I mentioned in my previous post, the shop pages do not need any padding for some reason while everything else on the site does.
If you scroll down past any of the product images on mobile, the red line in the image attached shows how close the page content sits on the edge of the screen.
We would like to add some padding on these pages so that the text does not sit so close to the edge of the screen.
Thank you for the code. It has worked for the "About Us" and several other pages for the site.
However, for all pages under shop, all product listings are close to being cut off by the edge of the screen.
I've HIGHLIGHTED this in the attached image below.
As you can see, the black lines indicated the border of the screenshot on my phone, and these black lines show how close this text is from being cut off on the screen.
In other words, we would like to add padding to all pages that are under the Shop for the website.
Thank you for being so responsive to our tickets. We would like to add some padding to mobile and tablet pages. The images attached show how close the page cuts off to the screen. For now, could we add 10px padding to the left and right of every page for mobile?
It seems that the shop page (https://lovelightherbs.com/shop/) is the only page that doesn't need padding.
Thanks in advance.
Hello,
Did you solved that problem?
I did not solve the problem. Like I mentioned in my previous post, the shop pages do not need any padding for some reason while everything else on the site does.
Thanks in advance.
Hello,
I do not understand? I check the Page It has nothing different.
Hello,
For example if you visit these pages on mobile:
https://lovelightherbs.com/about-us/
https://lovelightherbs.com/herbalists/
OR Any product listing in the shop (below for example)
https://lovelightherbs.com/product/black-elder-sambucus-nigra-haschberg-live-herb-plant/
AND
If you scroll down past any of the product images on mobile, the red line in the image attached shows how close the page content sits on the edge of the screen.
We would like to add some padding on these pages so that the text does not sit so close to the edge of the screen.
Thanks in advance.
Hello,
You can add custom style css
@media (max-width: 767px){#primary {
padding: 0 15px;
}
}
Hello!
Thank you for the code. It has worked for the "About Us" and several other pages for the site.
However, for all pages under shop, all product listings are close to being cut off by the edge of the screen.
I've HIGHLIGHTED this in the attached image below.
As you can see, the black lines indicated the border of the screenshot on my phone, and these black lines show how close this text is from being cut off on the screen.
In other words, we would like to add padding to all pages that are under the Shop for the website.
Thanks in advance.
Hello,
You can add custom style css
@media (max-width: 767px){.single-product #main {
padding: 0 15px;
}
.single-product .right-sidebar + .col-md-12.col-sm-12.col-xs-12 {
padding: 0;
}
}