Jump to content

Removing "Back" from mobile navigation menu

Go to solution Solved by paul2009,

Recommended Posts

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

 

Screen Shot 2020-06-29 at 20.19.10.png

Screen Shot 2020-06-29 at 20.19.33.png

Link to comment
  • Solution
2 hours ago, Celina said:

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

Hi @Celina

Add this to Design > Custom CSS:

.header-menu-controls-control span:nth-of-type(2) {
  display: none;
}

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
  • 3 months later...
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.
 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
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";
}

267687997_Screenshot2020-10-08at14_09_18.thumb.png.3cdef0fdf31ddb855b853e578b368b98.png

Edited by paul2009

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
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";
}

267687997_Screenshot2020-10-08at14_09_18.thumb.png.3cdef0fdf31ddb855b853e578b368b98.png

Great, thanks. The code is perfect.

Link to comment
  • 1 year later...
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

 

 

back.jpg

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.