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 7
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

7 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;
}

 

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
  • 0

Hey guys,

Thank you so much for the code! 

I have gone ahead and used the code for 7.0. All went well, but the word MENU is a bit too low. I need to centre up/down and can't find anything that works. Tried margin, top/bottom. 

page: https://adictcreative.com

 

This is the code I am using now:

 

button.Mobile-bar-menu {
    visibility: hidden;
}
button.Mobile-bar-menu:after {
    visibility: visible;
    content: "MENU";
    font-family: proxima-nova;
    font-weight: 200;
    letter-spacing: 2px;
    color: #4B4B4B;
    font-size: 20px;
}

Link to post
  • 0

Or getting rid of the white nav bar and padding would be even better!

Just to have the MENU text over the image. The image to go up to the top of the screen. 

IMG_0413.jpeg

Link to post
  • 0
1 minute ago, Adict said:

Or getting rid of the white nav bar and padding would be even better!

Just to have the MENU text over the image. The image to go up to the top of the screen. 

IMG_0413.jpeg Burke Template

 

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