Hey there, my blog post content and even home page texts touch the borders of mobile screen. I want to add a little padding so that it looks neat and in the center.
The problem because you've built the site header with the Elementor Theme Builder. The Elementor has removed the default header data content, so the layout can't render properly.
In case you still want to use the Elementor Page Builder to config site header, please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (max-width: 767px){ .container.container-single { padding-left: 20px; padding-right: 20px; } }
Hey, I added the custom code and it added padding to the posts page but the category pages still have content sticking to sides? Also if I choose soledad header and footer, will it automatically fix the issue?
Hey there, my blog post content and even home page texts touch the borders of mobile screen. I want to add a little padding so that it looks neat and in the center.
Kindly refer to attached images.
Hi,
The problem because you've built the site header with the Elementor Theme Builder. The Elementor has removed the default header data content, so the layout can't render properly.
Please try to use our Header & Footer by following the document here: https://soledad.pencidesign.net/soledad-document/#header-footer-builder
In case you still want to use the Elementor Page Builder to config site header, please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (max-width: 767px){.container.container-single {
padding-left: 20px;
padding-right: 20px;
}
}
Regards,
PenciDesign.
Hey, I added the custom code and it added padding to the posts page but the category pages still have content sticking to sides? Also if I choose soledad header and footer, will it automatically fix the issue?
Hi,
Yes. If you don't use the Elementor Header Footer features, the spacing issue will be fixed.
Regards,
PenciDesign.
Thank you.