jquery - Show on hover div center when screen resolution low -
i'm creating menu using div, shows div when mouse over. high resolutions shows div on right side, in low resolution need show div left side or center,
here attached image of high resolution.
and here codes , demo
please me resolve this. thanks
adding position relative , left: 0px display text way left. modified code in demo , worked.
.trigger:hover +div {
display: block; position: relative; left: 0px;
}
<link rel="stylesheet" media="screen , (max-device-width: 600px)" href="small-device.css" />
if load css separate stylesheet , apply link tag above, can specify loading new stylesheet created low resolutions (ex: width less 600px)
Comments
Post a Comment