Turning off scaling on design elements

Question:
How do you turn off text scaling on elements such as the login bar without adjusting the sites default typography?

Product:
Wix Studio

What are you trying to achieve:
I have my site typography set to scaling, and with normal text elements, you can turn off the scaling as needed, but now when I add a login bar to my header, which I don’t want to have scaling text on, I can’t seem to turn off or adjust the scaling range without adjusting the site typography default. I have set the responsive behavior to fixed, but I still don’t seem to be able to turn off scaling. Any thoughts?

Check if You can set a specific font size in its design settings.

I can adjust the font size, but I can’t make it a static font since my typography theme has scaling enabled.

I feel like there has to be a way to disable scaling for this element without turning it off for my whole site.

I’ve attached a screenshot of the current design setting.

In that case try using the CSS instead, the doc has the code with fonts size. Just copy and paste the relevent code in your CSS and change the font size. If you need add or remove other elements.

https://dev.wix.com/docs/velo/api-reference/$w/menu/css-classes

Thanks for the suggestion; unfortunately, the element I’m working with, a login bar, isn’t supported by Wix’s CSS feature yet. I would appreciate any other suggestions you might have.

Screenshot 2024-08-16 at 10.55.57 AM

If I remember correctly, the login bar is bound to the site styles.

If you have the option (and aren’t using one of the styles, like Paragraph 3), you can set that specific style to not scale, then in the Login bar, choose “Paragraph 3” and it won’t scale :slight_smile:

That’s what I’ve done in the past. I was hoping to find a solution that wouldn’t involve having to change the site’s default typography, but I guess there is no other way of doing it currently.

I appreciate the assistance!