How do I create responsive menu text in a header menu?

[Theoneisis]

Hello, yet again,

I have one last problem I hope you can help me with. I’ve revamped my site (www.DisturbedUniverse.com) and I’m really happy with how easy it was, for the most part, to do. However, I’m having a problem with the menu text. It remains the same size no matter what sized screen is being used, which makes for a heck of a mess on cellphones etc.

I’m using the Integrity stack and have set the root font size to stepped, which works perfectly for body text and posts etc, but it doesn’t change the menu font size. The menu is part of a header which is hidden until you scroll down the page.

Any ideas would be welcome.

Thank you.

[rad]

Hi Paul,

Thanks for reaching out.

Since it’s a menu within header builder, then please change its font size to something like this

calc(0.2em + 2vw);

With builder element, it has its own local font setting. The root font size is just a base where where other font size will respond. If your element isn’t set to inherit then it will just use the font you have applied to it.

Thanks!