Alignment Issue

Hi there,

in the editor, in mobile view, select the headline block.
in the blocks toolbar which is above the editor, set the text alignment option:

https://www.screencast.com/t/8UP0EA4tyE4

if you make the change in mobile view, then that will only apply to mobile.

Thank you for your response, David.

You had told me about this option earlier as well, and I did remember to apply it, but unfortunately, the alignment option does not appear on the mobile view.

Am I doing something wrong?

https://imgur.com/hOXdjv2

Odd... with the block selected go to the Typography panel in the settings sidebar, the text alignment option is also there.

I have already selected that option in Typography, and still not working.

Its because of this CSS you have on your site:

.entry-content p {
    text-align: justify;
}

That needs removing.

Is it possible to justify the text after removing the CSS?

Hi Suman,

The headline is set to align center on mobile, didn't you say you've set it to justify?
https://www.screencast.com/t/QMnhbo7DIVV

Let me know!

Hi Ying yes the headline is set to center, but the issue is that I have added a CSS code to justify text on the entire website? Is that causing an issue?

The problem is if I remove that CSS code the entire text on my site will lose the justify parameter and I will have to justify text individually.

Is there an option to exclude the justify parameter for that block or may some additional CSS to get it done?

Simplest solution, select that headline block and change its tag from P to DIV

Thank You David. You are awesome! You just saved me from a lot of trouble.

Glad to be of help