Skip to content
Public Ticket #20951

Content touches the borders of screen in mobile view

Conversation thread

Kaydee Karam replied

Customer Reply

Thank you.

PenciDesign Supporter replied

Staff Reply

Hi,

Yes. If you don't use the Elementor Header Footer features, the spacing issue will be fixed.

Regards,
PenciDesign.


Kaydee Karam replied

Customer Reply

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?

PenciDesign Supporter replied

Staff Reply

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.

Kaydee Karam started the conversation

Conversation Start

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.

Want to join this conversation or access attachments? Sign in first.