Celina Posted June 29, 2020 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 comment
Solution paul2009 Posted June 29, 2020 Solution 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; } About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity 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. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
Celina Posted June 29, 2020 Author Share Posted June 29, 2020 Hi @paul2009, perfect!!! Thank you so much for helping out. Link to comment
jacobtdb Posted October 8, 2020 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 comment
paul2009 Posted October 8, 2020 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. About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity 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. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
jacobtdb Posted October 8, 2020 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 comment
paul2009 Posted October 8, 2020 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 About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity 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. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
jacobtdb Posted October 12, 2020 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 comment
BRands Posted December 14, 2021 Share Posted December 14, 2021 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 Link to comment
tuanphan Posted December 17, 2021 Share Posted December 17, 2021 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"; } BRands 1 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
kinglear Posted March 7 Share Posted March 7 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 Link to comment
tuanphan Posted March 10 Share Posted March 10 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; } 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
kinglear Posted April 24 Share Posted April 24 Thanks Tuan, that worked. It's remaining pushed to the left though. Is there a way to then centre it like the rest? Link to comment
tuanphan Posted April 25 Share Posted April 25 Use this new code header#header span.chevron.chevron--right { display: none; } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment