{"id":53,"date":"2018-04-15T04:51:18","date_gmt":"2018-04-15T04:51:18","guid":{"rendered":"https:\/\/www.holithemes.com\/plugins\/wca\/?p=53"},"modified":"2018-04-15T04:51:18","modified_gmt":"2018-04-15T04:51:18","slug":"position-to-place","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click\/position-to-place\/","title":{"rendered":"Position To Place"},"content":{"rendered":"\n
Position to place the Floating Style<\/p>\n\n\n\n
\n\t
On the screen, we can place the floating style at any point.<\/li>\n\t
Floating styles are fixed to screen, even if page scrolls the floating style position won’t change.<\/li>\n\t
There are four ways to select the position:\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0bottom right\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0bottom left\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0top left\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0top right<\/li>\n<\/ul>\n\n\n\n<\/figure>\n\n\n\n
<\/p>\n\n\n\n
\n\t
It’s easy to select the position from the nearest corner of any side.<\/li>\n\t
Position value, can support any CSS units.<\/li>\n<\/ul>\n\n\n\n
E.g:\u00a010px 10px<\/p>\n\n\n\n
2% 2%<\/p>\n\n\n\n
1em 1em<\/p>\n\n\n\n
E.g:\u00a0 To change the position of the style at the middle bottom of the screenSelect bottom-right (or bottom – left ) and while filling the value<\/p>\n\n\n\n
Position_bottom<\/strong>: 4%\u00a0 \u00a0( i.e. from the bottom 4% above)\u00a0 \u00a0 <\/p>\n\n\n\n
Position_right<\/strong>: 50%\u00a0 \u00a0 \u00a0( i.e. from the right side 50% to left ) <\/p>\n\n\n\n\n\n\n\n
Since Version 1.4 ( Expected releases in August 2018 )\u00a0<\/p>\n\n\n\n
We added feature – “Position to Place” based on Desktop, Mobile Device<\/p>\n\n\n\n<\/figure>\n\n\n\n
This feature works based on “screen width”, instead of detecting device using “HTTP User Agent”<\/p>\n\n\n\n<\/figure>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"
Position to place the Floating Style On the screen, we can place the floating style at any point. Floating styles are fixed to screen, even if page scrolls the floating style position won’t change. There are four ways to select the position:\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0bottom right\u00a0 \u00a0 \u00a0 \u00a0 …<\/p>\n
![\"\"\/](\"https:\/\/www.holithemes.com\/whatsapp-chat\/wp-content\/uploads\/2017\/11\/positions.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/postion-to-place.png\")
<\/figure>\n\n\n\n![\"max](\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/mobile_max_screen-1.png\")
<\/figure>\n\n\n\n