Background of the issue:
I want to hide certain elements on the English version of my website because they shouldn't be functional there. This includes items like a booking calendar, various buttons, displays, etc. To achieve this, I created a CSS class called .hideLang, which I found on the support forum. The CSS looks like this: html:lang(en) .hideLang { display: none !important; } I applied the hideLang class to the elements I want to hide using the Elementor Page Builder. While this works for some elements, such as the 'Buy Voucher' button at the top (you can compare taverntours.de/ and taverntours.de/en) it doesn't work for others, like the voucher CTA further down the page.
Symptoms:
The hideLang CSS class is not being applied to some elements on the English version of the site. This means the class does not appear in the elements on the English pages. The Items are still visible