Streaming live at 10am (PST)

Nav Close Button Issue

#1

I have made a close button for my main navigation but it seems that the actual divs that make the cross are the active elements that trigger the close but really I need the whole button area to trigger the close and not sure what I’ve done wrong?

https://preview.webflow.com/preview/patty-bun?utm_source=patty-bun&preview=401aa94cffb5d0069b6bcde44811f330


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

#2

Hey!
The div that contains the - close button divs - has no sizing actually.
Try to make a div that contains your absolute positioned close button divs, then put this new div inside another div with a sizing of your choice that will define the clickable area and put the click interaction on this div.
The final structure should be:

  • div (with interaction and sizing).
    • div (the one that contains both close button divs)
      • close button div 1
      • close button div 2

Hopes it makes sense.
Cheers :metal:

#3

Oh great thanks for your help…let me try that:)

#4

That works perfectly! Thank you so much! x

#5

You’re welcome Paul, have a nice day! :muscle: