Originally Posted by
.hs
Via HTML code it is likely possible to use "more capabilities". I'm not aware of it, and I didn't find a way to do it by the GUI. Of course I do not know how many "web variants" they used either, etc..
You can add HTML code snippets via 'Placeholders'. But that demo website has not done so, it's pure Web Designer.
They used three variants (you can check the CSS file ► http://go53zl.taskpilot-pages.com/hi...les/xr_all.css )
Code:
@media screen and (max-width: 579px) {
.xr_mvp_3 {display: block;}
.xr_mvp_2 {display: none;}
.xr_mvp_1 {display: none;}
.xr_pbd {margin-left: -200px;}
#xr_xr {width: 400px; height: 5360px}
.xr_page0 {width: 400px; top: 0px}
}
@media screen and (min-width: 580px) and (max-width: 939px) {
.xr_mvp_3 {display: none;}
.xr_mvp_2 {display: block;}
.xr_mvp_1 {display: none;}
.xr_pbd {margin-left: -380px;}
#xr_xr {width: 760px; height: 5076px}
.xr_page0 {width: 760px; top: 0px}
}
@media screen and (min-width: 940px) {
.xr_mvp_3 {display: none;}
.xr_mvp_2 {display: none;}
.xr_mvp_1 {display: block;}
.xr_pbd {margin-left: -560px;}
#xr_xr {width: 1120px; height: 4904px}
.xr_page0 {width: 1120px; top: 0px}
}
Bookmarks