HTML & CSS Need Help Fixing Dropdown Menu Error

[Cyberz]

Hi guys, I'm new to this forum and don't entirely know the formatting, so please forgive me if anything is incorrect.

Basically, I have a pile of code for a dropdown menu I'm trying to use for my Shopify website to create a dropdown menu, as currently it's invisible and doesn't show anything.

I'm not sure which part of the code is the issue, and it says not to copy and paste huge blocks, so I'm not sure how exactly to go about this.

Any and all help would be appreciated, thanks!

[CODE title="dropdown-menu.liquid"]<ul class="site-nav-dropdown">
{% for childlink in linklists[link_child].links %}
<li {% if linklists[childlink.handle] != empty %}class="dropdown"{% endif %}>
<a href="{{ childlink.url }}" class="{% if childlink.active %}current{% endif %}">
<span>
{{ childlink.title | escape }}
</span>
{% if linklists[childlink.handle] != empty %}<i class="fa fa-caret-right"></i>{% endif %}
</a>
<ul class="site-nav-dropdown">
{% for childlink2 in linklists[childlink.handle].links %}
<li {% if linklists[childlink2.handle] != empty %}class="dropdown"{% endif %}>
<a href="{{ childlink2.url }}" class="{% if childlink2.active %}current{% endif %}">
<span>
{{ childlink2.title | escape }}
</span>
{% if linklists[childlink2.handle] != empty %}<i class="fa fa-caret-right"></i>{% endif %}
</a>
<ul class="site-nav-dropdown">
{% for childlink3 in linklists[childlink2.handle].links %}
<li>
<a href="{{ childlink3.url }}" class="{% if link.active %}current{% endif %}">
<span>
{{ childlink3.title | escape }}
</span>
</a>
</li>
{% endfor %}
</ul>
</li>
{% endfor %}
</ul>
</li>
{% endfor %}
</ul>[/CODE]

 

[Mutiny]

Do you know what template language this is? There are elements like {% that look like a templating language, but I am not familiar with that language.

 

[Cyberz]

Do you know what template language this is? There are elements like {% that look like a templating language, but I am not familiar with that language.

It’s a shopify theme template I’m using, Maybe that’s why? I don’t know much about this, it may not be possible to fix this myself I don’t even know

 

[Malcolm]

Hey there!

So that does seem like a weird issue. I have a few questions for you to help us better understand what's going on. Would you by a chance have the CSS? And if possible could you provide us with the URL to your store? And last but not least are you using any apps?

Do you know what template language this is? There are elements like {% that look like a templating language, but I am not familiar with that language.

It’s a shopify theme template I’m using, Maybe that’s why? I don’t know much about this, it may not be possible to fix this myself I don’t even know

So the template language is called Liquid, Shopify developed it to help with customizing stores and building apps. Here's the link if you want to learn more about it, https://shopify.dev/docs/themes/liquid/reference/basics/.