I have two sites that one is a copy of the other, just one is in English and the other in Hebrew
The English site, in a Mobile phone - if the button text is made up of two words, it breaks, the Hebrew site however does not.
Please have a look at this side by side images : https://ourvilla.net.au/bothsites.jpg
The Hebrew site is here : https://squadron-125.org.il/home.html
The English site is here : https://ourvilla.net.au/frontpage.php
Any idea why? How can this be fixed?
Thanks
Line break on buttons
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.quickandeasywebbuilder.com/f ... =12&t=1901
MUST READ:
http://www.quickandeasywebbuilder.com/g ... arted.html
Quick 'n Easy Web Builder FAQ
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.quickandeasywebbuilder.com/f ... =12&t=1901
MUST READ:
http://www.quickandeasywebbuilder.com/g ... arted.html
Quick 'n Easy Web Builder FAQ
Re: Line break on buttons
What do you mean by 'fixed'?How can this be fixed?
Which behavior do you need?
This may be helpful:
https://www.w3schools.com/cssref/pr_tex ... -space.asp
Re: Line break on buttons
Well, in the link to the JPG file, I show side by side
On the right image, the website that the ward warp works by itself
On the left side, it does not
I didn't do any css script to make it happen, nor do I know where to insert such script.
So it seems, maybe? the Hebrew is NOT doing it automatically
Any thoughts?
Thanks
On the right image, the website that the ward warp works by itself
On the left side, it does not
I didn't do any css script to make it happen, nor do I know where to insert such script.
So it seems, maybe? the Hebrew is NOT doing it automatically
Any thoughts?
Thanks
Re: Line break on buttons
I am not familiar with Hebrew, so I cannot tell you extacly how it works, but the suggested wordwrap css may solve your problem.
Re: Line break on buttons
Ok, happy to try, but where to insert that?
Good night
Good night
Re: Line break on buttons
1. Add an HTML object
2. Set the Type to 'Between head tags'
2. Copy/paste this code
2. Set the Type to 'Between head tags'
2. Copy/paste this code
Code: Select all
<style>
#Button1,
#Button2,
#Button3
{
white-space: break-spaces;
}
</style>
Re: Line break on buttons
Not clear where do set Type 'Between Head tags'
So, I just created the HTML object and added that code, it WORKS, almost 100%
1) The site is here : squadron-125.org.il/home.html
2) How does it "Know" not to break the title on desktop or tablet?
3) Whay is the 2nd button on the 2nd row not working? The title remains on one line
Thanks again
So, I just created the HTML object and added that code, it WORKS, almost 100%
1) The site is here : squadron-125.org.il/home.html
2) How does it "Know" not to break the title on desktop or tablet?
3) Whay is the 2nd button on the 2nd row not working? The title remains on one line
Thanks again
Re: Line break on buttons
You can set the type in the properties of the HTML objectNot clear where do set Type 'Between Head tags'
If the object is wide enough then the text will not break. This is standard HTML functionality.How does it "Know" not to break the title on desktop or tablet?
It seem to work correct for me.Why is the 2nd button on the 2nd row not working? The title remains on one line
However, the text is a smaller than the other text so the the point where it breaks is lower.
Re: Line break on buttons
Many thanks
Clear now
Clear now