[Support request] Alignment Issue

[Suman]

I am unable to align the subheading in the center view on mobile.

https://imgur.com/m03ZU8K

Need your help in fixing it. Thank You.

[David]

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:

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

[Suman]

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

[David]

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

[Suman]

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

[David]

Its because of this CSS you have on your site:

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

That needs removing.

[Suman]

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

[Ying]

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!

[Suman]

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?

[Suman]

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?

[David]

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

[Suman]

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

[David]

Glad to be of help

[Author]

Posts