Jump to content

Multilanguage possibilities in 7.1.

Go to solution Solved by Parker_SQSP,

Recommended Posts

5 hours ago, post1 said:

Thanks a lot. Is your guide also suitable for three languages?

You can find 3 languages guide on my blog..

Here: https://beaverhero.com/squarespace-03-languages/

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
7 hours ago, post1 said:

Hi Tuan,

Do you know if it's possible to combine this multilanguage solution with a contact button in the menu?

Thanks in advance

Marinske

What do you mean?

and which solution do you use? bradgood or beaverhero? 😂

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

Sorry, that question was unclear.

I will use your beaverhero 3 languages.

I am wondering if it's possible in 7.1. to combine your 3 languages method, with a contact button in the menu, like for example in this screenshot. 

Is this more clear?

button.jpeg

Edited by post1
Link to comment
3 hours ago, post1 said:

Sorry, that question was unclear.

I will use your beaverhero 3 languages.

I am wondering if it's possible in 7.1. to combine your 3 languages method, with a contact button in the menu, like for example in this screenshot. 

Is this more clear?

You want to language switches to button?

or contact button in 3 languages?

both are possible.

The idea here is that you create 3 Contact Items in 3 languages, then use CSS to turn 3 items into 3 buttons.

If you share link to your site, I can take a look (I don't remember code, need to check 😂)

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

Great, I will definately go for your 3 language beaver-method for a bigger website.

I have another question: I tried this quick method in a 7.1 template, a smaller website. In the screenshot below you find the result.

My question: Do you know how to move the hamburger menu icon to the right,  on mobile?
(The video instructions: choose a specific 7.1. header layout option (the last one),  combined with some code to place the logo to the middle). 

Here's the link: https://coconut-lime-t224.squarespace.com/ - the password is SS

Thanks a lot!!

 

Screenshot_2.png

Screenshot_1.png

Edited by post1
Link to comment
10 minutes ago, post1 said:

Great, I will definately go for your 3 language beaver-method for a bigger website.

I have another question: I tried this quick method in a 7.1 template, a smaller website. In the screenshot below you find the result.

My question: Do you know how to move the hamburger menu icon to the right,  on mobile?
(The video instructions: choose a specific 7.1. header layout option (the last one),  combined with some code to place the logo to the middle). 

Here's the link: https://coconut-lime-t224.squarespace.com/ - the password is SS

Thanks a lot!

remove flex-basis: 100% in this code in Custom CSS

.header-layout-branding-center-nav-center .header-title-nav-wrapper {
    flex-basis: 100% !important;
    align: center !important;
    height: 4vw;
    margin-top: -2vw;
    padding-bottom: 1vw;
}

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
  • 2 weeks later...

Hello, I'm back again...

I added a contactbutton, but I don't know how to make the Site Title stay in the middle with navigation on both sides.

Do you know how to do this?

 

Thanks again in advance,

Marinske.

 

Screenshot_11.png

 

I chose the second heading setting. the result seems okay at first, but....
Screenshot_13.png.5669145370824e7c7dc0549a6e722e51.png

 

This result looks allright, but if the screen is smaller the next picture is the result. I think this code is not working, what do you think?

Screenshot_12.png

 

Screenshot_15.thumb.png.e4dd35b90aa08e20bdaf88fb9982517b.png

 

 

And this is the result if I choose the last heading setting, the one with the logo in the middle

 

Screenshot_10.png

 

Edited by post1
Link to comment
On 2/26/2020 at 12:05 PM, tuanphan said:

Can you share link to this site?

Hi Tuanphan, Here's the link: https://coconut-lime-t224.squarespace.com/ - the password is SS

 

I'm looking for this result: My client wants the logo in the middle and some menutitems left and right from that. Combined with the contactbutton on the right.

 

Thanks in advance

Edited by post1
spelling mistake & forgot something
Link to comment
1 hour ago, post1 said:

Hi Tuanphan, Here's the link: https://coconut-lime-t224.squarespace.com/ - the password is SS

 

I'm looking for this result: My client wants the logo in the middle and some menutitems left and right from that. Combined with the contactbutton on the right.

 

Thanks in advance

Keep the second settings

& I can try checking.

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
50 minutes ago, tuanphan said:

Keep the second settings

& I can try checking.

Thank you!

I put it back on the second site header layout setting, asuming this is what you mean. 

The code used is this: 

@media screen and (max-width:767px) {
 .sqsrte-large {
    font-size: 1.5rem;
}
}

@media screen and (max-width:640px) {
/* Leer text */
div#block-eae62f8c0cba7c3d6fd1 h1 {
    font-size: 22px;
}
/* workshops */
div#block-85005aac96fea17a5298 p {
    font-size: 47px;
}
}
.header-layout-branding-center-nav-center.header-title-nav-wrapper { align:center!important; height:4vw; margin-top:-2vw; padding-bottom:1vw} 

.header-title {margin-bottom:-8.5%!important; margin-top:0.75vw} 

.header-nav-item:nth-child(3){margin-left: 35vw!important}

Edited by post1
forgot something
Link to comment
20 hours ago, post1 said:

Thank you!

I put it back on the second site header layout setting, asuming this is what you mean. 

The code used is this: 

@media screen and (max-width:767px) {
 .sqsrte-large {
    font-size: 1.5rem;
}

.header-nav-item:nth-child(3){margin-left: 35vw!important}

I will check soon

Internet provider here has some problems since yesterday. Just purchased VPN to access forum 😞

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
  • 4 weeks later...
19 minutes ago, post1 said:

Hi Andrius, 

Could you show me the result?

Thanks a lot!

Marinske.

It seems like the way brad wrote the instructions here. You can try, many members have succeeded by following that guide.

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
  • 4 weeks later...
12 minutes ago, CW2 said:

Hi @tuanphan !

I have made a landingpage in 2 languages.

In the IT version I need to change the CTA header text and link1642288813_Screenshot2020-04-22at09_21_01.thumb.png.d19273b20a6bc0c7d08fd897b35a338b.png

www.cedrus-locarno.squarespace.com
cedrus2020

Can you please help me? 

 

Which plan do you use? Personal or BUsiness?

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.