web link displays beyond page width on mobiles

Issues related to hyperlinks and web site navigation.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/links.html
Post Reply
jjq2r01h
 
 
Posts: 16
Joined: Sun Aug 23, 2020 4:31 pm

web link displays beyond page width on mobiles

Post by jjq2r01h » Wed Sep 08, 2021 7:43 am

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

User avatar
Pablo
 
Posts: 15145
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: web link displays beyond page width on mobiles

Post by Pablo » Wed Sep 08, 2021 7:50 am

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>

jjq2r01h
 
 
Posts: 16
Joined: Sun Aug 23, 2020 4:31 pm

Re: web link displays beyond page width on mobiles

Post by jjq2r01h » Wed Sep 08, 2021 8:06 am

Thank you Pablo. That works great. Your help is very much appreciated.

Post Reply