Header: delete name of the languages but keep flags

Dear all,

Can you please help me to delete the name of the languages but keep just the flags (so without text: CZ,DE,EN)?

Also, how can I make show up the flags on mobile device also without the text.

Page:  https://cheetah-lobster-x9ay.squarespace.com/

Password: 12345678

Thank you 🙂

Dear all,

Can you please help me out. What is the custom code on my page to show up the flags in navigation menu on mobile phone.

Like how I have it on the pc version i want same for mobile phone. Instead of language titles i want the flags.

https://cheetah-lobster-x9ay.squarespace.com

password: 12345678

Thank you 🙂 

It looks like you figured it out with this code?

header#header div.header-nav-item:nth-last-child(3)>a {
    color: transparent !important;
}

26 minutes ago, tuanphan said:

It looks like you figured it out with this code?

header#header div.header-nav-item:nth-last-child(3)>a {
    color: transparent !important;
}

 

Yes thnx but on phone it's still words and no flags

On 11/26/2023 at 10:22 AM, madeproduction said:

Yes thnx but on phone it's still words and no flags

Use this code for mobile

div.container.header-menu-nav-item>a {
    background-size: 16px;
    background-repeat: no-repeat;
    color: transparent;
    background-position: center;
}
div.container.header-menu-nav-item:nth-last-child(-n+3) * {
    color: transparent !important;
}
div.container.header-menu-nav-item:nth-last-child(3)>a {
    background-image: url(https://cdn.countryflags.com/thumbs/czech-republic/flag-round-250.png);
}

div.container.header-menu-nav-item:nth-last-child(2)>a {
    background-image: url(https://cdn.countryflags.com/thumbs/germany/flag-round-250.png);
}

17 hours ago, tuanphan said:

Use this code for mobile

div.container.header-menu-nav-item>a {
    background-size: 16px;
    background-repeat: no-repeat;
    color: transparent;
    background-position: center;
}
div.container.header-menu-nav-item:nth-last-child(-n+3) * {
    color: transparent !important;
}
div.container.header-menu-nav-item:nth-last-child(3)>a {
    background-image: url(https://cdn.countryflags.com/thumbs/czech-republic/flag-round-250.png);
}

div.container.header-menu-nav-item:nth-last-child(2)>a {
    background-image: url(https://cdn.countryflags.com/thumbs/germany/flag-round-250.png);
}

 

Thnx my hero!