The Screen Targeting shortcodes are used to modify your Ontraport pages based on the size or orientation of the screen being used by your visitor.
Here is a useful template that you can customize with your CSS definitions:
<!--Desktops,laptops-->
[ IfScreen min-width:1025px and max-width:1440px]
[ CSSElement 275 in #oda5d79d06813 "margin-top:-194px;"]
[ /IfScreen]
<!--Tablets-->
[ IfScreen min-width:768px and max-width:1024px]
[ CSSElement 275 in #oda5d79d06813 "margin-top:-134px;"]
[ /IfScreen]
<!--Low Res Tablets / Mobile (landscape)-->
[ IfScreen min-width:481px and max-width:767px]
[ CSSElement 275 in #oda5d79d06813 "margin-top:-100px;"]
[ /IfScreen]
<!--Mobile-->
[ IfScreen min-width:320px and max-width:460px]
[ CSSElement 275 in #oda5d79d06813 "margin-top:-140px;"]
[ /IfScreen]
<!--Mac image z-index-->
[ CSS #oda5d79d06813 "z-index:99 !important;"]
Desktop
Mobile / Landscape
NOTE: All shortcodes you see on this page have a space after the opening bracket "[" so you can see them. In order for them to work on your page you'll need to remove the space between the opening bracket "[" and the first letter of the shortcode command.
JOIN THE ONTRAPORT EXPERTS
Grab your FREE FOR LIFE account to try the shortcode system today. Immediate access. No credit card required.
