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. enter image description here

and here codes , demo  

http://jsfiddle.net/9xpdb/

please me resolve this. thanks

adding position relative , left: 0px display text way left. modified code in demo , worked.

http://jsfiddle.net/9xpdb/3/

.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

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

php - Magento - Deleted Base url key -

android - How to disable Button if EditText is empty ? -