fixed it with an ok workaround...
i still wish somebody could tell me how to center a nested symbol, either in edge or css
or explain why the symbol jumps in my above post.
what did you change to correct the problem? i tried to download your original file and was unable to open it in edge.
I put the nav and the dropdown all in one symbol and centered that - drop menu is using its own container to show hide itself with overflow hidden. you can't really tell but its not "technically" under the main nav - I wanted the main nav's drop shadow to be on top of the sub menu. I don't know why you had a problem with my source files - I just downloaded them/ extracted and they loaded fine in edge. thanks for looking!
ok. i just figured out that i needed to open the .html file and not the edge animate file..
anyhow, it seems that something in your "drop" symbol is causing the navigation to jump.
by moving the drop layer up in the stacking order and repositioning the drop layer.. i was able to get it to work.
you can see the file here: https://www.box.com/s/y1tfjohkq0ividyq064r
i hope that helps..
thanks eypuff -
I guess that's basically what I ended up doing, except I wrapped it all up in 1 symbol. I wonder why just moving the layer position would fix it? there's nothing special in the drop menu symbol.
the only thing that's a bummer is I can't get the layering effect I wanted.
thanks for taking the time to help!!
yea.. i'm not sure either.
without building it all out again.. i don't know if i'll be able to figure it out..
but.. you can look into z-indexes and setting different values for each layer to get the desired effect.
you can use z-indexes within edge? will that conflict with the layer order? how do you code them?
you would need to add the css property to each symbol.. like so..
you can find a downloadable file in this thread that might illustrate it better:
thanks! that may do the trick - i'll check it out