Adjust text size for mobile? [SOLVED]

I’m using this class to change the text size for mobile but my fonts are still coming up huge and my dropdown menu fonts are running off the page.

blocsapp-special-menu blocsnav li a

Not must detail to go on, but I assume here you have added a custom class to your menu links?

Yes. I have it set to 11 px only.

Its must be larger on smaller break points. It is over-riding the sub class somewhere.

An easy class to style your menus is just with

navbar-nav li a

and then that subclass for the mobile, you wont have any over-ride issues.

So I need this class to change the mobile navigation blocsapp-special-menu blocsnav li a
then use your class to control this links?

A little confused. I love Blocs but they sure don’t make it easy to use sometimes.

Its not so much Blocs, its CSS. Do you have that .home class on all your menu items. If you have a live site, you can DM me the link if you like and I can take a look.

Will message you now. Awesome thanks!

1 Like