Ambiera Forum

Discussions, Help and Support.

Create a new account, Search, or Login:
Name:  Password:
Ambiera Forum > RocketCake
Font size
Author Text

jd18
Registered User
Quote
2021-01-06 20:14:02

Hi, new to Rocketcake so I could be doing something very simple very wrong, but the font size doesn't appear responsive in the editor. If I insert, for example, "Rocketcake's New Thread" with floating text with font Georgia size 18 in Desktop view, it looks fine. When I then change to an iPhone-view, the font size doesn't change and I end up with the text spread into three lines. So my question is how do I kick my font size into responsive mode?


niko
Moderator
Quote
2021-01-07 10:12:07

If you want the font size to change, right-click that element, select "edit Breakpoints" -> + -> enter a resolution like maybe 800 -> add -> font size.


jd18
Registered User
Quote
2021-01-08 16:33:05

I was afraid that would be the answer... Makes RocketCake's own promises here:https://www.ambiera.com/rocketca... somewhat misleading.

"Responsive" is just a fancy word for "adjusting to the screen size". [...] This is done for example by adjusting font sizes, rearranging and hiding elements, and making it easily scrollable on mobiles. All this is easily doable using RocketCake."

There isn't much 'Automatic' about it, if I'll have to set a list of breakpoints for various resolutions, for every individual block of text.

Isn't it the whole point of a responsive site that the size of the text changes depending on screensize...? It states this is "easily doable using RocketCake", but if I have to set it over and over again, it's a lot more time-consuming than just writing the code.

If this is the only option, I think I'll be going for a refund.


bupp
Registered User
Quote
2021-01-08 20:51:15

do I understand correctly? The font should also reduce in size? With small screens you can't read it anymore.

I have never seen that the font is also reduced.
Headings yes, but they are changed with the breakpoints.


erik
Registered User
Quote
2021-01-08 21:01:12

Jd18: Thats not how responsive sites usually work. You usually dont need breakpoints in rocketcake. Just try any of the templates, they work great, and AFAIK dont use breakpoints. You are supposed to work mostly with containers, as shown in the tutorials. They do most of the work.


jd18
Registered User
Quote
2021-01-09 07:38:34

I had put the text in a container, three words on one line, font size 18. When I then switched from desktop view to a Galaxy S, it put the words below each other on three lines, rather than scaling it down responsively.


erik
Registered User
Quote
2021-01-09 10:44:19

That's exactly how it's supposed to work.

Sounds a bit like you don't know how responsive websites are working? There is a good tutorial available in the docs.


jd18
Registered User
Quote
2021-01-11 00:16:08

From the tutorial:
What is a responsive Website?

"Responsive" is just a fancy word for "adjusting to the screen size". Since people are viewing websites with different devices - mobiles, tablets, PCs, notebooks - it has become very important for a website to be easily readable on all the different screen sizes: A responsive website works automatically nicely on the tiny 320x600 screen of a small smartphone, but also on a full screen 2048x1024 browser of a desktop PC. This is done for example by adjusting font sizes, rearranging and hiding elements, and making it easily scrollable on mobiles. All this is easily doable using RocketCake.


Yes, it responds to differences in screen size, but it does that by smashing it in a smaller frame, not by actually "adjusting font sizes". If I insert text and want it to be on one line, which works on desktop view, I don't want it to then become three lines when it's mobile.
The problem is that it doesn't adjust the font size -as promised and expected-, it just adjusts the dimensions of the box the text is in.


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "Inte?national" (you are not logged in)


Text:

 

  

Forum Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons