Blog layout issue on smartphone

Hi there,

please take a look to the images. The text on the blog page is straight to the end of the monitor. Why? Thank you!

Hi,

It is how you styled it with custom CSS added.

Regards

I just would to justify the text. Not to setup the text straight to the end of the monitor 😄 I would like to obtain the same effect of the body text above the title.

Sorry, but we don’t quite understand what do you mean.

Now it is more clear? There isn’t any pixel of space between the body text and the border of the display on the smartphone.

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area in Theme Settings for mobile devices

body .blog-design-default-alt .entry-content {
    padding: 0 30px;
}

Do you’ll add to next Basel update or not?

But we don’t have this problem on our demo.

So the issue is caused by the justified text?

Now it works great, so thank you. I’d like to do the same on the title. Is it possible?

Sure, use this code

body .blog-post-loop .entry-title {
    padding: 0 30px;
}

Thank you, it works great.

[Author]

Posts