Nikolas361

Hey @Beyondspace,
I am trying to make this work in 7.1 and move the @bradgood-language-switch to the header nav. But if I inject the code you use above, it makes the switch disappear. Could you tell me what else to try?
My website is https://www.bieleit-medicus.com/

the two fields are in line but for some reason, the "Email" title is slightly above the "Name" title. But if that has no easy fix, it's gonna be fine as it is 🙂
Thank you!

Another adjustment!
@media only screen and (min-width:1000px) { .form-item.field.email, .form-item.field.text { display: inline-block; vertical-align: top; min-width: 48.8%; } .form-item.field.text { margin-right: 2.4% !important; margin-top: 13px !important; } }

Getting there! fields are in line, only the "Email" tag is slightly elevated and the gap between the upper two fields and the Message field is still quite large^^

Nearly got it! The Name field is slightly above now, as you can see on the website. And the margin between the two fields (name and email) and the message field seems quite large
thanks lots for your help by the way

A few changes:
@media only screen and (min-width:1000px) { .form-item.field.email, .form-item.field.text { display: inline-block; vertical-align: top; min-width: 48.8%; } .form-item.field.text { margin-right: 2.4% !important; } }

You don't have to use the name field for names, a text field will work fine if you just want a single field for collecting names.
If you want to put the second field next to the first one taking up 50% of the width each, that can be done with CSS, it's been shared numerous times on the forum:

ahh so easy in the end. Didn't think about that, thanks heaps!!

The issue is the code is using jQuery but you've put the code before jQuery has had a change to run, so it breaks.
Move the code after jQuery and the BG code.
Let us know how it goes.

yes, and it will cost you as much as your squarespace plan or more. I don't think that's a fair solution

It is possible, but I don't know any simple codes
You can use this code, a bit manually
Add to All EN pages Header
<style> div.language>a.lang-en { border-bottom: 2px solid; } </style> Add to All De Pages Header
<style> div.language>a.lang-de { border-bottom: 2px solid; } </style>  

Hey folks,
I am trying to set up a bilingual 7.1 website in English and German (bieleit-medicus.com) and used the Brad Good method to do so. The code he provides places the language switcher above the header which looks a bit arbitrary and seems to collide in weird ways with a loading animation of @WillMyers that I use.
So I wondered if anyone could help me with the code to place the language switcher in line with the header navigation, where it would be if I used the Weglot extension provided by Squarespace. Thanks for any help in advance!
The code below is one I found in another post. But it seems that it was desgined for 7.0 and makes the language switch disappear for me:
 

It looks like you have plain text written into the footer code injection for the website, the text you can see needs removing, but I would guess that you haven't installed that code from @WillMyers correctly if it's partly showing up like that.

Nope, HTML is different you need something like this to hide comments when outside of other tags:
<!-- text goes here -->

Thanks @Ziggy!
@Nikolas361, if you're interested. I have an article here about the different types of Comments you can use in the different areas:
https://www.will-myers.com/articles/adding-comments-to-your-code-in-squarespace

that was easy. Thank you! I removed that exact text from the footer code injection and the bar is gone. Thought that it works like in CSS where the double slash prevents a line from being read.
Thank you anyway!!