Jump to content

Custom Mobile Navigation Font for Avenue

Recommended Posts

Wondering if someone could help me with custom CSS code to change my avenue sites mobile navigation bar font to a custom font. Already using a custom font for the rest of the site just cant get it to apply to mobile nav. As a bonus if I could get the CSS to change the text of my mobile navigation from "menu" to something else that would be great.


Link to comment
  • Replies 3
  • Views 735
  • Created
  • Last Reply

Hi there,

if you already use a custom font and applied it with custom CSS then this should be easy enough.

Add in the custom CSS Section the following:

.Mobile-overlay-nav-item { font-family: "YOUR FONT NAME HERE" !important }

Maybe you will have to adjust the line height in the mobile menu because it will be based on the original font of the template (you can go above 100%):

.Mobile-overlay-nav-item { line-height:XXX% !important }


My pleasure.



P.S. i don’t know how to change the "MENUE" Text… sorry

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.