Celina 0 Share Posted June 29, 2020 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 Link to post
0 paul2009 29,745 Share Posted June 29, 2020 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; } 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 Celina 0 Author Share Posted June 29, 2020 Hi @paul2009, perfect!!! Thank you so much for helping out. Link to post
0 jacobtdb 2 Share Posted October 8, 2020 Hi, anyone with a code if i want to change the word "Back" with another word ? Best regards Jacob Link to post
0 paul2009 29,745 Share Posted October 8, 2020 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. 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 jacobtdb 2 Share Posted October 8, 2020 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/ Link to post
0 paul2009 29,745 Share Posted October 8, 2020 (edited) 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"; } Edited October 8, 2020 by paul2009 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 jacobtdb 2 Share Posted October 12, 2020 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. Link to post
Question
Celina 0
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
Link to post
Top Posters For This Question
3
3
2
Popular Days
Oct 8
4
Jun 29
3
Oct 12
1
Top Posters For This Question
paul2009 3 posts
jacobtdb 3 posts
Celina 2 posts
Popular Days
Oct 8 2020
4 posts
Jun 29 2020
3 posts
Oct 12 2020
1 post
Posted Images
7 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment