Page 1 of 1

web link displays beyond page width on mobiles

Posted: Wed Sep 08, 2021 7:43 am
by jjq2r01h
Hi

I would very much appreciate some help please.
Here is my page on a website I have created.
https://1drv.ms/u/s!Ajp8jGjiAz6ShtJaY8A ... Q?e=eghAD8

When I display this on my mobile device, the website name
www.justgiving.com/fundraising/hanumanchalisa4cruk
does not wrap round on my mobile device. Instead it appears as a single straight line outside of the page width. See below screen shot
https://1drv.ms/u/s!Ajp8jGjiAz6ShtJb8SM ... Q?e=LlfuxN

Any help would be very much appreciated.
Jagdish

Re: web link displays beyond page width on mobiles

Posted: Wed Sep 08, 2021 7:50 am
by Pablo
By default, links do not wrap, so the text is too long for the mobile breakpoint.

You will either need to make the text smaller or add this code between the head tags of the Page HTML:

Code: Select all

<style>
#wb_Text25 {
    word-break: break-all;
}
</style>

Re: web link displays beyond page width on mobiles

Posted: Wed Sep 08, 2021 8:06 am
by jjq2r01h
Thank you Pablo. That works great. Your help is very much appreciated.