Dash Dropdown/Headers - Auto-scale font size for different window sizes

Hi all,

I was wondering if there is a way to auto-scale the font size of dropdown menus or H1, H2, etc. components when changing the window size of the app? At the moment, my app looks fine when window is fully maximised but the dropdown menus and header components get moved to the next lines and start overlapping when the window size shrinks, whereas ideally i would like the font to scale back accordingly and keep the labels in line.

Is there a built-in feature via the style property, or perhaps something that can be done within the css?

Thank you

Hi Sandimusic, did you ever find a solution for this?

Hello @bengoodair,

Welcome to the community!

To alter the size of fonts, you will need to utilize sizing either based upon vw/vh or use a media-query to determine the size alterations that you would like to perform on a specific class name.