Page 1 of 1

Breakpoint for ipad?

Posted: Tue Nov 29, 2022 9:03 am
by tba
Hi

I use a mobile detector extension to check for mobile and that works well. However an iPad which has a larger screen, doesn't and I wondered if anyone has a good solution for the iPad ?

Re: Breakpoint for ipad?

Posted: Tue Nov 29, 2022 9:16 am
by zinc
You don't need anything else if you use break points in the software

I use the following:

1280, 980,768,580,480,414,320

These pretty much covers most of the devices.

Re: Breakpoint for ipad?

Posted: Tue Nov 29, 2022 10:22 am
by tba
Great that seams to work but I'm having trouble getting the responsive text to resize according to the resolution. Do you know of any tricks that may fix this?

Re: Breakpoint for ipad?

Posted: Tue Nov 29, 2022 12:03 pm
by Bluesman
tba wrote: Tue Nov 29, 2022 10:22 am Great that seams to work but I'm having trouble getting the responsive text to resize according to the resolution. Do you know of any tricks that may fix this?
You can use "Styles" that you set up for different sizes in the different breakpoints.

Re: Breakpoint for ipad?

Posted: Tue Nov 29, 2022 2:28 pm
by zinc
Bluesman beat me to it!!! :D

Re: Breakpoint for ipad?

Posted: Tue Nov 29, 2022 4:00 pm
by Bluesman
zinc wrote: Tue Nov 29, 2022 2:28 pm Bluesman beat me to it!!! :D
:D For once...

Re: Breakpoint for ipad?

Posted: Tue Nov 29, 2022 4:45 pm
by tba
ok cool, just 1 small problem, adding a new style to a text has no effect!

I created a style called 768 and attached the text style to it. Also made sure it was connected to the 768 breakpoint for which I had specified 15 points text size as opposed to 10 for the 320 style.

Obviously missing something as I see no difference between them at all ???

Re: Breakpoint for ipad?

Posted: Tue Nov 29, 2022 5:58 pm
by Bluesman
tba wrote: Tue Nov 29, 2022 4:45 pm ok cool, just 1 small problem, adding a new style to a text has no effect!

I created a style called 768 and attached the text style to it. Also made sure it was connected to the 768 breakpoint for which I had specified 15 points text size as opposed to 10 for the 320 style.

Obviously missing something as I see no difference between them at all ???
Hi tba. You must create exactly the same brekpoints in the style that you have in the project. So for one style you must have all breakpoints and then insert different sizes etc for each breakpoint.

Re: Breakpoint for ipad?

Posted: Tue Nov 29, 2022 6:04 pm
by WWBman
I think CSS Styles must not start with a number so I would add an "s" in front e.g. s768.

Re: Breakpoint for ipad?

Posted: Wed Nov 30, 2022 9:22 am
by tba
so what your saying is that if I insert a text, set it to responsive, then it will adjust size to whichever breakpoint is current?

And I don't need to adjust the font size manually for each breakpoint...?

Re: Breakpoint for ipad?

Posted: Wed Nov 30, 2022 5:40 pm
by Bluesman
tba wrote: Wed Nov 30, 2022 9:22 am so what your saying is that if I insert a text, set it to responsive, then it will adjust size to whichever breakpoint is current?

And I don't need to adjust the font size manually for each breakpoint...?
http://www.wysiwygwebbuilder.com/responsive_text.html

Re: Breakpoint for ipad?

Posted: Wed Nov 30, 2022 6:09 pm
by Pablo
And I don't need to adjust the font size manually for each breakpoint...?
Of course you will need to set the font manually, because there is no way for the software to know which font size you want.

Re: Breakpoint for ipad?

Posted: Thu Dec 01, 2022 8:51 am
by tba
which is where it gets confusing as you can assign a deafult font size to a breakpoint....

Re: Breakpoint for ipad?

Posted: Thu Dec 01, 2022 8:57 am
by zinc
tba wrote: Thu Dec 01, 2022 8:51 am which is where it gets confusing as you can assign a deafult font size to a breakpoint....
You can set it to anything you visually see fit. So you need to work out based on your content which font size suites it and fits correctly to the screensize.