Hidden Element on top of Link blocks Link

Hi there. 

I coded my website to be available in two languages with custom css from bradgood.net... works great!

Instead of having a switcher in the header with flags or whatever, I wanted to have a much more simplistic thing:

So I went for a textblock (Fluid Engine) in the Footer with two lines:

DEUTSCH  | ENGLISH

DATENSCHUTZ  |  IMPRESSUM

I linked all the text to the specific pages, then duplicated the textblock, changed the words to the corresponding english version and linked to the english pages.... Then I lay them exactly over each other.

Then in the pages setting I enter the css to hide one of these blocks, depending on which page I am:

<style>
div#block-9e8f1ce13b1666c6063f {
display: none;
}</style>

Also..... worked just fine.... BUT the textblock that is originally underneath the other one is not clickable.... it seems like although the other block is not visible... it still prevents me from clicking the links from the textblock that is below.... is there anyway around this?

Any help is appreciated

HI,

What is your site url? We can check easier

Hi tuanphan

Unfortunately I cannot share my companies details, but I recreated the problem on a private testsite:

https://perch-chameleon-2wyc.squarespace.com/

I`ll send you login details via PM

On the page "Deutsch" you cannot click the Links in the footer because the hidden Element lies on top of it.

Let me know if you can find a solution for this.

OMG

I just found out how I could do it... and it was so easy.... I just did not know 😂

Simply created a second footer... as there is a option to do so with squarespace 7.1 

Then it is super easy to hide one of them with the section ID... no z-index stacking issues anymore.

👍