Change “Back” label in Brine mobile menu folder

Small issue, but annoying when building a non-English site: I’m building a site using Brine and the navigation contains a folder. When clicking the folder in mobile view a second menu appears with a “back” link label. I’m not super skilled with CSS, but would like to customise this label to say something else. Any ideas? 

Can you share link to your site?

4 hours ago, tuanphan said:

Can you share link to your site?

Sure, catharinafyrberg.se

3 minutes ago, haessel said:

Sure, catharinafyrberg.se

Add to Home > Design > Custom CSS

span.Mobile-overlay-folder-item--toggle-label {
    visibility: hidden;
}
span.Mobile-overlay-folder-item--toggle-label:before {
    visibility: visible;
    content: "Tuan";
}

21 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS

span.Mobile-overlay-folder-item--toggle-label {
    visibility: hidden;
}
span.Mobile-overlay-folder-item--toggle-label:before {
    visibility: visible;
    content: "Tuan";
}

 

Awesome! Thank you so much!

Hello!

I'm trying to achieve the same thing (change or even just hide the label), but with a 7.1 template. 
I'm guessing somewhere around 

.header-menu-nav-folder-label {
    visibility: hidden;
}

... but I'm stuck and obviously don't know what I'm talking about.

@tuanphan Will the hero rise once more? 😅

On 7/7/2021 at 12:58 PM, businesspants said:

Hello!

I'm trying to achieve the same thing (change or even just hide the label), but with a 7.1 template. 
I'm guessing somewhere around 

.header-menu-nav-folder-label {
    visibility: hidden;
}

... but I'm stuck and obviously don't know what I'm talking about.

@tuanphan Will the hero rise once more? 😅

Add to Design > Custom CSS

/* Change Back label */
a.header-menu-controls-control span:last-child {
    visibility: hidden;
}
a.header-menu-controls-control span:last-child:before {
    visibility: visible;
    content: "new back";
}