Breakpoints are screen widths at which a website changes its layout so it still looks good on different screen sizes - like phones, tablets, and desktops.


Sometimes different layouts require different kinds of language-switcher designs. On desktop, your store has space to show text plus an icon. On phones, space is limited, so an icon-only switcher may work better.


You can add multiple breakpoints and define different switcher styles for each of them.


Setting breakpoints in langify for the switcher