custom-css Removing "Back" from mobile navigation menu

Site URL: https://www.brubike.be/

Dear Forum,

Is there someone who could help me figure out how to remove the word "Back" in the mobile navigation menu of the Carmine template?

The HTML of the element is:

<a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/" tabindex="0">

        <span class="chevron chevron--left"></span><span>Back</span>

      </a>

My request is simply to remove the word "Back" from the <span></span> so that only the chevron (arrow) remains. See screenshots attached to illustrate. How do i write this in the custom CSS?

Thanks so much in advance for your help! 

🙂

Kind regards,

Celina

Hi @paul2009, perfect!!! Thank you so much for helping out.

Hi, 

anyone with a code if i want to change the word "Back"  with another word ?

Best regards

Jacob

15 minutes ago, jacobtdb said:

anyone with a code if i want to change the word "Back"  with another word ?

Code is different for each template/version. When you post a question, it will really help us if you include a working link to the page. If your site isn't live yet, we will only be able to view it if you set a site password and tell us what it is.
 

57 minutes ago, paul2009 said:

Code is different for each template/version. When you post a question, it will really help us if you include a working link to the page. If your site isn't live yet, we will only be able to view it if you set a site password and tell us what it is.
 

Sorry 7.1

The site is live here:

https://ungdomsfront.dk/

3 hours ago, jacobtdb said:

anyone with a code if i want to change the word "Back"  with another word ?

Try this [in Design > Custom CSS ]

.header-menu-controls-control span:nth-of-type(2) {
  visibility: hidden;
  font-size:0;
}
.header-menu-controls-control span:nth-of-type(2):after {
  visibility: visible;
  font-size:6.6vmin;
  content: "tilbage";
}

On 10/8/2020 at 3:10 PM, paul2009 said:

Try this [in Design > Custom CSS ]

.header-menu-controls-control span:nth-of-type(2) {
  visibility: hidden;
  font-size:0;
}
.header-menu-controls-control span:nth-of-type(2):after {
  visibility: visible;
  font-size:6.6vmin;
  content: "tilbage";
}

Great, thanks. The code is perfect.

Hi,

Is there someone who could help me figure out how to rename the word "Back" to "Terug" in the mobile navigation menu of the Brine template?

https://happydrops.nl/systeem

On 12/15/2021 at 2:49 AM, BRands said:

Hi,

Is there someone who could help me figure out how to rename the word "Back" to "Terug" in the mobile navigation menu of the Brine template?

https://happydrops.nl/systeem

 

 

Add to Design > Custom CSS

/* Rename back */
span.Mobile-overlay-folder-item--toggle-label {
    visibility: hidden;
}
span.Mobile-overlay-folder-item--toggle-label:before {
    visibility: visible;
    content: "new text";
}

Hey,

is there a way to remove the chevron from the main menu in mobile - we'd like it that you don't see it on MUSIC but when you click on it it still opens the submenu.

Website is here - https://kinglear.co.uk/

Thanks in advance.

Jack

On 3/8/2023 at 12:36 AM, kinglear said:

Hey,

 

is there a way to remove the chevron from the main menu in mobile - we'd like it that you don't see it on MUSIC but when you click on it it still opens the submenu.

 

Website is here - https://kinglear.co.uk/

 

Thanks in advance.

 

Jack

Add to Design > Custom CSS

header#header span.chevron.chevron--right {
    visibility: hidden;
}

Thanks Tuan, that worked.

It's remaining pushed to the left though.  Is there a way to then centre it like the rest?

Use this new code

header#header span.chevron.chevron--right {
    display: none;
}