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: 19
Joined: Sun Aug 23, 2020 4:31 pm

web link displays beyond page width on mobiles

Post 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
User avatar
Pablo
 
Posts: 21508
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: web link displays beyond page width on mobiles

Post 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>
jjq2r01h
 
 
Posts: 19
Joined: Sun Aug 23, 2020 4:31 pm

Re: web link displays beyond page width on mobiles

Post by jjq2r01h »

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