Hi,
I’m currently working through the Web Design Magic Course and have encountered a challenge with the “Advanced Parameter Concept: Building a Custom Type Scale” lesson.
Everything worked fine until I got to the Header Sizing Parameter’s setup. I incorporated styles into the Global CSS and connected the JSON directives to the Component’s configuration. But when I enabled responsive behavior by adding "isVar" : true
it started to glitch.
The font scale adjusts if you have. default scale and play with the main breakpoint (all breakpoints at the same time). However, if mobile breakpoints are set to different font scale settings they are not reflected in preview nor on the live page. Only the toggles are changing in the settings but not the font size itself.
And after setting different font scales for different breakpoints any changes of the Size are not reflected anymore even at the main breakpoint until you reset and set them back to the same one.
I can not figure out what is wrong or maybe that is a glitch.