- This topic has 9 replies, 2 voices, and was last updated 7 months ago by
Leo.
-
AuthorPosts
-
June 19, 2020 at 11:35 pm #1334998
Janani
Dear Team
Not sure if this is something that you can help on.
There are some quotes that I have centered in the website – they look good on desktop.
But on mobile, as there is little space, they look like orphan lines – not very good.
For example, in this subsection (url provided), there is a quote that is centered and looks good on desktop. But on mobile, some of the words appear as orphan sentences.
Is there any way we can align them on mobile just like how they look on desktop, or should we reduce the size of font on mobile?June 20, 2020 at 9:03 am #1335530Leo
StaffCustomer SupportHi there,
Can you specify which quote I should be looking at?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 20, 2020 at 6:57 pm #1335875Janani
“Care about your children,
Just bless them instead of worrying,
as every child is the little Buddha, who helps his parents to grow up” – BuddhaJune 21, 2020 at 9:31 am #1336454Leo
StaffCustomer SupportWhat do you mean by orphane lines?
This is what I see on the mobile simulator:
https://www.screencast.com/t/zsNyxl3Ro1toDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 21, 2020 at 6:28 pm #1336804Janani
Hi Leo
Yes, that’s how it looks like on the mobile simulator, but on a real mobile, it looks different.
Please refer to screenshot link taken from a real mobile. Can you see the orphan line?Warm regards,
June 21, 2020 at 9:43 pm #1336883Leo
StaffCustomer SupportThat’s because you have
<br>
tags added?
https://www.screencast.com/t/OZsxkhCxCDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 23, 2020 at 6:32 pm #1339573Janani
Hi Leo
Yes, I just noticed that. But when I removed the br tags, the entire quote appears together as one line.
I want the quote to appear in separate 3 lines – both in the desktop and mobile versions. But in the mobile version, due to lack of space, it appears as an orphan line. For example,
‘Just bless them instead of worrying’ must appear in the same line. But in mobile, it appears as:
‘Just bless them instead of
worrying’Is this something we can do anything about?
Warm regards,
June 23, 2020 at 9:27 pm #1339671Leo
StaffCustomer SupportI want the quote to appear in separate 3 lines – both in the desktop and mobile
Unfortunately I really don’t see a way to make this happen on all screen widths.
Looks like you’ve removed the
<br>
tag and it’s working much better now?
https://www.screencast.com/t/y0Xhqh4VtbMuDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 24, 2020 at 6:41 pm #1340843Janani
Dear Leo
Thanks, looks like there is no solution to this.
June 24, 2020 at 9:33 pm #1340897Leo
StaffCustomer SupportNo problem 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.