How do I remove the navigation menu cross?

Design help General
#1

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.

Screen Shot 2022-04-05 at 6.39.38 PM
Screen Shot 2022-04-05 at 6.39.38 PM373×672 136 KB

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

#2

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!

Screen Shot 2022-04-06 at 16.38.18
Screen Shot 2022-04-06 at 16.38.183584×812 145 KB

1 Like
#3

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.

Menu 'cross' close function not viewable
#4

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
#5

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