Request to Change Text in Navigation Bar

Store Design

Topic summary

Goal: change the top navigation label from “All Collection” to the Italian “Tutti i Prodotti.”

  • Initial attempt: Support suggested adding CSS in theme.liquid (above ) to replace/translate the text.
  • Result: The change didn’t work; the UI became transparent and the text wasn’t translated (per screenshot).

Key reason: The collections/menu text updates dynamically via JavaScript. CSS can only style static content and cannot reliably modify text that changes based on JS-driven options.

Next steps proposed: Implement a JavaScript-based solution to handle the dynamic element.

  • Support offered deeper investigation if granted theme access; they will document changes with screenshots.
  • Contact provided: annvh@avadagroup.com.

Status: Unresolved/ongoing. Awaiting store owner’s permission/access or a JS implementation. Screenshots were shared to illustrate the issue and failed outcome.

Summarized with AI on December 16. AI used: gpt-5.
1

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!

translate.png
translate.png1883×897 216 KB

Thank you very much for your assistance!

2

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 tag

I hope it can help. Thank you!

Best,

Daisy - Avada Support team.

3

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

test.png
test.png1903×575 130 KB

4

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.