Request to Change Text in Navigation Bar

[FoodItalyWorld]

Hello, I’d like to update the text in the top navigation bar of my e-commerce site. Currently, it says "All Collection," but I’d like it changed to "Italian "Tutti i Prodotti" Unfortunately, I’m not sure how to make this change myself. Could you please help me implement it?

Site:https://fooditalyworld.com/ - Password : Cane12345!

Thank you very much for your assistance!

[DaisyVo]

Hi @FoodItalyWorld ,

Here is the CSS code that you can use to translate the text.

Step 1: Go to your theme > Edit code > search "theme.liquid" file

Step 2: You can adjust the code right above </head> tag

<style>
select#collection-option {
    color: transparent !important;
    display: flex;
    flex-direction: column;
   padding-bottom: 10px;
}
select#collection-option:after {
    content: "utti i Prodotti";
    color: black !important;
}
</style>

I hope it can help. Thank you!

Best,

Daisy - Avada Support team.

[FoodItalyWorld]

Is not working well, here the screenshot. Everything goes trasparent and no translation. Please can you help me? Thank you in advance

[DaisyVo]

Hi @FoodItalyWorld 

Your collections contain multiple options, which can be seen in this code snippet: https://prnt.sc/qJhaYnVZkteb. The display updates dynamically based on the JavaScript code applied to the options you select. Our CSS code, however, is limited to applying styles to static text and does not adapt to content that changes based on other attributes, such as in the image shown above.

This means that for dynamically changing elements, a JavaScript approach is needed to handle real-time adjustments rather than relying on CSS alone.

Our technical would like to investigate it further if you can grant him access to your theme. All the changes will be screenshotted for your reference. Is that okay with you?

Here is his email address: annvh@avadagroup.com

Looking forward to hearing from you soon. Thank you!

Best,

Daisy - Avada Support team.