[ad_1]
[ad_2]
My astra/spectra WordPress page container content is touching the border of the screen on mobile. All other pages are completely fine, it’s just this one specific page that’s giving me issues. If anyone knows a solution, any help would be greatly appreciated
Add padding.
Share your URL if you need specific help.
Does it look good on desktop? If so, you may have different padding sizes for mobile breakpoints.
You can check the current page container that has mobile padding issues in your desktop browser.
And have a look in your theme settings for global css or the container inside a section. Add about 30px / 20px to padding-left and padding-right between them.
Or you can use the following CSS:
/* For mobile devices */
@media (max-width: 767px) {
.your-page-container { padding-left: 30px; padding-right: 30px; }
}
@media (max-width: 478px) {
.your-page-container { padding-left: 20px; padding-right: 20px; }
}