Side panel image: more than 1 on rotation?

Absolutely, yes. ?

Hi, I noticed on mobile if I zoom-in to make the text bigger, the text spills out of the screen. Is it possible to instead have the text become bigger but always contained within the screen frame?

Here:

https://understandingthefourfacesofthelivingcreatures.com/1/index.php/2024/01/18/chapter-1/

I tried to insert

.entry-content {
word-wrap: break-word;
}

But no joy. How would I make the text globally responsive, no matter if its a page or post?

Thank you!

Side note: You should probably start a new topic for this as the forum moderators might catch this continuing on a “Resolved” topic.

Before you do that, are you referring to the actual text content in the right side panel when doing CTRL and + to enlarge everything?

OK, sorry. I will do that for anything else after this since your reply matters for continuity

And it’s a Yes for the text on the right, BUT on mobile phones. On desktops it does wrap, but not on mobile.

Is there a way to provide a screenshot? I went to your page with my phone and I increased the font using the aA size button on the Safari browser address bar (see the screenshot below). However, when using finger jesters to increase the size, then it will go off screen where you have to drag from one side to the other to see it all.

Screenshot showing text staying inside using the aA sizing on the browser address bar:

This is where the sizer is:

Generally, the user would adjust with the sizing feature or using a screen reader. If content does go out of bounds, they will need to scroll side-to-side to see the full width of content. This generally happens for any/most websites when using finger jesters to size up (or down). Likewise, even that browser feature with the sizer option, can sometimes create a scrollbar at the bottom for many sites.

Was this what you were referring too?

Unfortunately, this is the nature of most websites and whichever mobile browser they are using when the need for individuals to resize the content.

Best Regards,
Andre

Thank you for looking at this.

https://gyazo.com/f3e0428fbf1116677f326c302497c84a

Even the side-column spills out.

https://gyazo.com/be5b1831ce431a4465b0b92605d81d77

It is disheartening to say the least. Even PDF plugin doesn’t word-wrap. I’ll have to rethink this.

Thank you for all your precious help. I might need to just find another PDF plugin, maybe that would fix this issue.

Best regards,

Andre

Are you on an Android or iPhone? I still cannot replicate precisely what you are experiencing. The text auto-flows and stays in the window. I did a quick look at Bing’s AI with this issue and it came up with adding this:

.entry-content {
overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

Don’t know if this will help.

On Android. Don’t worry about it, you have gone above and beyond and I truly appreciate all the help and suggestions and the codes snippets!

Consider this one resolved for good. If I have any other question I will start a new topic. ?

Regards,

Andre

No worries. I hope this works out for you. I’m still around, should you have other questions.

Best Regards,
Andre

Just a short addendum in case anyone finds this support ticket: the website has been moved and here is the most recent, corrected URL:

https://understandingthefourfacesofthelivingcreatures.com/

Cheers!

• This reply was modified 9 months, 3 weeks ago by styzer.