Changing "Back" to native language

Site URL: http://www.elivery.no/

Hi. I need help changing the text/button showing "Back" on mobile version of our site, to native Norwegian.
Take a look at attached image.

I contacted Squarespace Support, but they could not help med and wrote: "So we don't have the functionality for this built in text to translate into Norwegian currently. You may be able to do this with some custom code."

Can anybody help me out please? 

Add to Home > Design > Custom CSS

.header-menu-nav-folder-content .header-menu-controls span:last-child {
    visibility: hidden;
    position: relative;
}
.header-menu-nav-folder-content .header-menu-controls span:last-child:before {
    visibility: visible;
    content: "new back text";
}

Great and thanx for help tuanphan 🙂 
After I implemented the CSS i see that the "new back text" goes slitly to the left. What do I have to write to place it at the center?

Hi tuanphan. Could you please help me with my request above?

try edit before

to

after

Hi again @tuanphan and than you for the answer. It is still wrong. The word "Tilbake"  goes to the right while the arrow still stands to the left.
Any sugguestions?

Hi again tuanphan. Could you please help me with my request above? It`s still an issue. Look at the attached file above.

This line of jQuery will find the span with "Back" and replaces it with "Tilbake"

$( "span:contains('Back')" ).html("Tilbake")

On 6/24/2020 at 1:17 AM, rwp said:

This line of jQuery will find the span with "Back" and replaces it with "Tilbake"

$( "span:contains('Back')" ).html("Tilbake")

Hi rvp. 
I have the same issue but I have no experience with coding at all!
Where do I put that $( "span:contains('Back')" ).html("Tilbake") line. If I put it in the custom CSS it returns with a syntax error?.
Thanks!

/Bo

On 6/3/2020 at 8:49 PM, Dragoslav said:

Site URL: http://www.elivery.no/

Hi. I need help changing the text/button showing "Back" on mobile version of our site, to native Norwegian.
Take a look at attached image.

I contacted Squarespace Support, but they could not help med and wrote: "So we don't have the functionality for this built in text to translate into Norwegian currently. You may be able to do this with some custom code."

Can anybody help me out please? 

Hi Dragoslav.
Did you ever solve this issue?. I have the same problem...

/Bo

@Heidelberg

Expanding on rwp's solution a bit.

Add the following to Design > Custom CSS.

.header-menu-controls-control span:last-child {

  display : none;
  
  }

Add the following to Settings > Advanced > Code Injection > HEADER.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Add the following to Settings > Advanced > Code Injection > FOOTER.

<script>

  $( ( ) => {
  
    /*
    
      begin change mobile menu back text
      
      Version       : 0.1d0
      
      SS Version    : 7.1
      
      Dependancies  : jQuery
      
      By            : Thomas Creedon < http://www.tomsWeb.consulting/ >
      
      */
      
      const text = '[enter back text here between single quotes]';
      
      // do not change anything below, there be the borg here
      
      $( '.header-menu-controls-control span:contains("Back")' )
      
        .css ( 'display', 'inline-block' )
        
        .text ( text );
        
      // end change mobile menu back text
      
      } );
      
  </script>

Let us know how it goes.

30 minutes ago, creedon said:

@Heidelberg

Expanding on rwp's solution a bit.

Add the following to Design > Custom CSS.

.header-menu-controls-control span:last-child {

  display : none;
  
  }

Add the following to Settings > Advanced > Code Injection > HEADER.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Add the following to Settings > Advanced > Code Injection > FOOTER.

<script>

  $( ( ) => {
  
    /*
    
      begin change mobile menu back text
      
      Version       : 0.1d0
      
      SS Version    : 7.1
      
      Dependancies  : jQuery
      
      By            : Thomas Creedon < http://www.tomsWeb.consulting/ >
      
      */
      
      const text = '[enter back text here between single quotes]';
      
      // do not change anything below, there be the borg here
      
      $( '.header-menu-controls-control span:contains("Back")' )
      
        .css ( 'display', 'inline-block' )
        
        .text ( text );
        
      // end change mobile menu back text
      
      } );
      
  </script>

Let us know how it goes.

Hi Creedon.

Aw snap! Code injection is a Premium feature and my customer is a bit cheap... But THANK YOU VERY MUCH anyway - I may use this on other sites or maybe even force him to pay up. 🙂

I have two other questions:
1) Is there a way to make the text a bit smaller on mobile only?.

2) Is there a way to change the text in the forms under the name fields?. (please see attached screen).

/Bo

1 hour ago, Heidelberg said:

Aw snap! Code injection is a Premium

You could try the CSS only solution earlier in the thread but there is an issue with the alignment which I didn't see an immediate solution to.

Quote

1) Is there a way to make the text a bit smaller on mobile only?

Are you wanting to change the size of all menu items on mobile or just Back?

Quote

2) Is there a way to change the text in the forms under the name fields?

Please see the following. It is not specific to your need but could be adapted. You would need to change the block id and trim out the unneeded CSS for the fields you don't want to change.

Let us know how it goes.

49 minutes ago, creedon said:

You could try the CSS only solution earlier in the thread but there is an issue with the alignment which I didn't see an immediate solution to.

Are you wanting to change the size of all menu items on mobile or just Back?

Please see the following. It is not specific to your need but could be adapted. You would need to change the block id and trim out the unneeded CSS for the fields you don't want to change.

Let us know how it goes.

Yes but I don't want that alignment issue.

I want to be able to adjust size of all the text in the menu. And preferably change 'Back' to 'back' at least maybe..?

Awesome! Where do I locate the correct Block ID?.

Thanks again Creedon!

30 minutes ago, Heidelberg said:

I want to be able to adjust size of all the text in the menu. And preferably change 'Back' to 'back' at least maybe..?

Add the following to Design > Custom CSS.

.header-menu-controls { /* mobile, lowercase navigation menu back link */

  text-transform : lowercase;

  }

.header-menu-nav-item a { /* mobile, make navigation menu font smaller */

  font-size : calc( 8.5vmin / 1.25 );
  
  }

Quote

Where do I locate the correct Block ID?

Check out Heather Tovey's most excellent looking Squarespace ID Finder.

Let us know how it goes.