How do I remove the navigation menu cross?

Hello,

How do I remove the navigation menu cross? Or move it to show within the menu?

The cross does not appear when I am in the Webflow editor.
I can’t seem to find any past posts that address this issue.

Thank you,

Peter


Here is my site Read-Only: https://preview.webflow.com/preview/otio-website-01?utm_medium=preview_link&utm_source=designer&utm_content=otio-website-01&preview=b72b58827fccbc9a5e7fb9d4a70ceb9e&pageId=624918d58a6e5edf0a071ed4&itemId=624918d58a6e5eaec5071f28&workflow=preview

Hey there, it looks like that cross isn’t there in my view. But after 6 hours, I’m assuming you were able to solve the problem?

Best!

1 Like

Hi Traci,

I haven’t found a solution yet.

If you reduce the width and scroll down to where there is an image, the cross is there. However, when the screen is wide, like your screenshot, since the cross is white, it’s not visible on a white background.

Thanks for looking into this.

On the Navbar Menu Button class you have a “mouse click” interaction that applies opacity: 1; display: block; to the class navigation-cross.

  • class with interaction

image

  • Mouse click tigger applied to show image element with navigation-cross class on first-click

image

  • Look at the “Show Navigation Cross” interaction settings and adjust or remove
    image
1 Like

Wow. Word. That was nested deeply in the navbar section of the navigator. Thank you. I don’t think I would’ve been able to find this without your help.

1 Like