Center posts and images on mobile

Hello everyone,
I have another problem that I’m trying to fix.
I have removed the sidebar from my blog when people read my posts on mobile and tablets. But all the content (articles, images exc) remains in the left part of the screen. I have attached an image to clarify my problem.

Is it possible to move all the content in the center of the container without decreasing proportions? (On desktop, I don’t want to change nothing because proportions are perfect, so my problem is always on tablet and mobile). Even better, I’d like to increase a bit the proportions of the pictures and articles, having removed the sidebar in the right part of the screen.

Thanks in advance.
Best regards.
Marco

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it and test out a possible solution?

Best Regards,
Support

Sure.

http://vagoblog.it

Thank you very much.
Kind regards,
Marco

Hello there,

You can use the following CSS code to center the blog content in mobile by going to Appearance > Customize > Additional CSS and pasting it there.


/*Center blog content on mobile*/
@media (max-width: 992px){
.main-content-inner.col-sm-12.col-md-8 {
    padding-right: 15px;
}
}

Best Regards,
Support

Perfect.

Thank you very much for the support.
Have a nice day.

You are most welcome here :slight_smile: