Inspiring

Question

hover div control issues

Forum|Forum|7 years ago
November 13, 2018
2 replies
437 views

i created a menu slide in using on hover..

ANDY LILIEN | DOP

i want the menu to slide in only hovering the dashed lines..

the problem is when you move your mouse away that div is smaller than the menu and the menu slides off..

if i make parent div and include the menu then you'll get the menu sliding in when you havent rolled over the dashes--

any thoughts?

This topic has been closed for replies.

Nancy OShea

Community Expert

I just thought I'd mention that hover won't do anything on touch screen devices. Also, the bottom right text is cut off on my display.

Nancy O'Shea— Product User & Community Expert

R

REELHEROAuthor

Inspiring

thanks nancy - its a temp page - ill do a mobile version once this is good

R

REELHEROAuthor

Inspiring

apologies - i meant when you scroll down over the menu items the menu slides off.. because the div controlling the hover is smaller

O

osgood_

Legend

have you tried just moving the div over a bit more to the left:

#navdiv {

position: absolute;

top: 54px;

left:-300px;

z-index:999999;

opacity: 0;

transition: all .3s ease-in;

}

R

REELHEROAuthor

Inspiring

thank you -

i tried it it stills disappears on mouse out..

i was able to get it to work using a parent div

ANDY LILIEN | DOP

but now it only slides back out when you move your mouse completely off the browser (or over the AL logo which is not in the container)

how do i specify the container to be just that area and not the full body - i tried height and width

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded