Foundation Top Bar Site Title too big on mobile

Recently I purchased Foundation to re-design my website. It is going OK, but I am having trouble with the Top Bar navigation. Specifically, when the Top Bar makes the jump to mobile, the font for Site Title is too big for the limited space allowed. So I want to scale the Site Title font only. I don’t see an option to change it, or am I missing something? Additionally I tried Big White Duck’s Top Bar Menu stack, which does not have that option either as far as I can tell.

Can anyone recommend some CSS or other method to scale the Site Title in the Top Bar?

In the Top Bar setup, you have the option to change the menu item font size and the site title font size. But you first have to select “Custom Sizing”.


1 Like

Perfect, thanks Neil. I don’t know how I missed that, but it is probably from too many hours wrapping my head around Foundation.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.