Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Removing "Back" from mobile navigation menu


Celina

Question

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

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

 

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0
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.
 

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0
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

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0
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 post

Create an account or sign in to comment

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


×
×
  • Create New...