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

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!:)

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! 😁

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

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! 😄

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

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. 

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. 

 Burke Template

On 2/10/2021 at 10:14 AM, Adict said:

 

Hi. I don't see Menu text..