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

Mobile: how to change word ''MENU'' in Avenue Template


Katarzyna
Go to solution Solved by tuanphan,

Question

Site URL: https://andersensforlag.com

Hi everybody!

I'm trying to replace the word ''MENU'' by another word f.ex. ''HOS:'' or ''MER OM:'' in the mobile view in Avenue Template.

I've already placed some code and made changes within it so that it could be  but it's not working...

div#mobileMenuLink {
    content: "HOS:";
    font-family: Futura PT;
    color: hsl(229,90%,46%);
    font-size: 17px;
    font-variant: uppercase;
    font-weight: bold;
}

Any idea?

Thanks for any tips!:)

Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 1
2 hours ago, inunzi said:

Do you want to change the hamburger menu text from menu to HOS? If so. Copy and paste this code in the Custom Css section located in the design menu.
// Mobile Menu Text // .burger-box:after { content: "HOS"; text-align: right; font-size: 16px; color: #FFFFFF; display: block !important; } .burger-box { width: 60px !important; height: 25px !important; } .burger-box div { display: none; }

Any other questions? Thanks! 😁

It for SS 7.1.

6 hours ago, Katarzyna said:

Site URL: https://andersensforlag.com

Hi everybody!

I'm trying to replace the word ''MENU'' by another word f.ex. ''HOS:'' or ''MER OM:'' in the mobile view in Avenue Template.

I've already placed some code and made changes within it so that it could be  but it's not working...

div#mobileMenuLink {
    content: "HOS:";
    font-family: Futura PT;
    color: hsl(229,90%,46%);
    font-size: 17px;
    font-variant: uppercase;
    font-weight: bold;
}

Any idea?

Thanks for any tips!:)

Add to Home > Design > custom CSS

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

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post
  • 0
3 hours ago, Katarzyna said:

Site URL: https://andersensforlag.com

Hi everybody!

I'm trying to replace the word ''MENU'' by another word f.ex. ''HOS:'' or ''MER OM:'' in the mobile view in Avenue Template.

I've already placed some code and made changes within it so that it could be  but it's not working...

div#mobileMenuLink {
    content: "HOS:";
    font-family: Futura PT;
    color: hsl(229,90%,46%);
    font-size: 17px;
    font-variant: uppercase;
    font-weight: bold;
}

Any idea?

Thanks for any tips!:)

Do you want to change the hamburger menu text from menu to HOS? If so. Copy and paste this code in the Custom Css section located in the design menu.
// Mobile Menu Text // .burger-box:after { content: "HOS"; text-align: right; font-size: 16px; color: #FFFFFF; display: block !important; } .burger-box { width: 60px !important; height: 25px !important; } .burger-box div { display: none; }

Any other questions? Thanks! 😁

Link to post
  • 0
8 hours ago, tuanphan said:

It for SS 7.1.

Add to Home > Design > custom CSS


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

 

Marvelous! Thank you so much tuanphan! You are the best! 😄

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...