Dropdown caret in desktop menu

Ask the community
, ,
1

Question:
How can I add carets to my desktop navbar and have them show on mobile too?

Product:
Wix Editor

What are you trying to achieve:
I have a horizontal navigation menu in my website that has dropdowns. Wix doesn’t add carets (dropdown arrows) to the menu automatically, so I had to manually add them to the pages’ titles. This works well. However, on mobile devices, Wix automatically adds carets, which means that now I’m seeing my manually entered carets AND Wix’s. I just want to see one caret on mobile. Here’s a preview of my view on mobile: caret-question

What have you already tried:
I’ve tried dynamically deleting the caret based on viewport through code in Velo. However, Wix’s dropdown menu isn’t build like a “normal” html, which has parent and children elements. Therefore, I can’t reach the dropdown items, Wix only provides the ID for the entire menu. I also tried adding the caret dynamically, but I have the same issue, I can’t reach each item from the menu, only the menu itself.

2

There is no efficient way of doing it.

You would have to build a fake menu out of buttons or maybe even a repeater. Then you would most likely want to code the animation to make it seem like it is moving as it opens and closes the menu items.

But most importantly, you will still have to add a native menu element in the header —— but set it to be hidden so that you can still have a native mobile menu. OTHERWISE, you will have to create a mobile menu via a lightbox and that’s just a whole lot of extra work.

:woman_shrugging:t2:

3

Thank you for your input @codequeen I was hoping Wix to provide a simpler solution. Creating two menus sounds like the less-worse solution :confused:

1 Like