- This topic has 25 replies, 4 voices, and was last updated 4 years, 6 months ago by
.
Ok, it hides them well, but I want to create the same two buttons for the English version, how can I add a “class” to the button to do that?
Or do you have another solution?
You can create four buttons. Two for English and two for French then I will share with you CSS code to hide them and only display two buttons at a time on respective language websites.
https://www.chateaudelantic.com/
I have created the 4 different buttons, can you send me the CSS to integrate please?
Solution for this topic
Please try using the below CSS code and remove the previously shared CSS code.
html[lang="en-GB"] .sh-header-builder-main-element-button-container a:nth-child(1), html[lang="en-GB"] .sh-header-builder-main-element-button-container a:nth-child(2) { display: none !important; } html[lang="fr-FR"] .sh-header-builder-main-element-button-container a:nth-child(3), html[lang="fr-FR"] .sh-header-builder-main-element-button-container a:nth-child(4) { display: none !important; }It’s great, everything works!
Thanks a lot!
Have a nice day !
You are most welcome here 🙂
Have a fantastic day
