Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom Mobile Navigation Font for Avenue


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.


Share this post

Link to post

3 answers to this question

Recommended Posts

  • 0

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

Share this post

Link to post
  • 0
#mobileMenuLink a {
    visibility: hidden;
#mobileMenuLink a:before {
    content: "Click here to view Menu";
    visibility: visible;
    margin-left: 20px;

custom font: you mean "Menu" text or Menu item?

You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

OFF to next Tuesday. Please send to email if you have urgently problem.

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...