{"id":11194,"date":"2013-11-07T00:07:09","date_gmt":"2013-11-07T00:07:09","guid":{"rendered":"http:\/\/dante.swiftideas.net\/?page_id=11194"},"modified":"2013-11-07T00:07:09","modified_gmt":"2013-11-07T00:07:09","slug":"responsive-visibility","status":"publish","type":"page","link":"http:\/\/mappingmedinadelcampo.com\/index.php\/shortcodes\/responsive-visibility\/","title":{"rendered":"Responsive Visibility"},"content":{"rendered":"[spb_text_block pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb el_class=\u00bbpb0 mb0&#8243; width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb]\n<div class=\"visible-lg\"><\/p>\n<div class=\"one_third\">\n<p>&nbsp;<\/p>\n<p><div class=\"sf-icon-box sf-icon-box-standard sf-animation sf-icon-\" data-animation=\"fade-from-left\" data-delay=\"0\"><div class=\"sf-icon-cont cont-small sf-icon-float-none sf-icon-\"><i class=\"ss-desktop sf-icon sf-icon-small\"><\/i><\/div><div class=\"sf-icon-box-content-wrap clearfix\"><h3>Desktop view<\/h3><div class=\"sf-icon-box-hr sf-icon-\"><\/div><div class=\"sf-icon-box-content\"><\/p>\n<p>To the right is an example of content that&#8217;s perfect for desktop viewing, but not particularly well suited to tablet viewing and mobile devices.<\/p>\n<p>Re-size your browser to see how our responsive visibility shortcode allows you to show\/hide content.<\/p>\n<div class=\"horizontal-break\"> <\/div>\n<i class=\"ss-pointleft sf-icon sf-icon-float-none sf-icon-medium sf-icon-\"><\/i>\n<p><\/div><\/div><\/div>\n<\/div>\n<div class=\"two_third last\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"mb0\" alt=\"built_for_mobile_retina2\" src=\"http:\/\/dante.swiftideas.net\/wp-content\/uploads\/2013\/03\/built_for_mobile_retina2.png\" width=\"1540\" height=\"1160\" \/><\/p>\n<\/div><div class=\"clearboth\"><\/div>\n<\/div>\n<div class=\"visible-md visible-sm\">\n<div class=\"one_third\">\n<div class=\"sf-icon-box sf-icon-box-standard sf-animation sf-icon-\" data-animation=\"fade-from-left\" data-delay=\"0\"><div class=\"sf-icon-cont cont-small sf-icon-float-none sf-icon-\"><i class=\"ss-tablet sf-icon sf-icon-small\"><\/i><\/div><div class=\"sf-icon-box-content-wrap clearfix\"><h3>Tablet view<\/h3><div class=\"sf-icon-box-hr sf-icon-\"><\/div><div class=\"sf-icon-box-content\"><\/p>\n<p>Ok, so no we&#8217;re at Tablet size you&#8217;ll notice the image to the right has changed. This is one is more suitable for tablets.<\/p>\n<p>Keep re-sizing to see the phone specific content.<\/p>\n<div class=\"horizontal-break\"> <\/div>\n<i class=\"ss-pointleft sf-icon sf-icon-float-none sf-icon-medium sf-icon-\"><\/i>\n<p><\/div><\/div><\/div>\n<\/div>\n<div class=\"two_third last\">\n<p><a href=\"http:\/\/dante.swiftideas.net\/wp-content\/uploads\/2013\/11\/respsonsive_vis_tablet_view.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-11596\" alt=\"respsonsive_vis_tablet_view\" src=\"http:\/\/dante.swiftideas.net\/wp-content\/uploads\/2013\/11\/respsonsive_vis_tablet_view.png\" width=\"492\" height=\"998\" \/><\/a><\/p>\n<\/div><div class=\"clearboth\"><\/div>\n<\/div><br \/>\n<div class=\"visible-xs\"><\/p>\n<div class=\"sf-icon-box sf-icon-box-standard sf-animation sf-icon-\" data-animation=\"fade-from-left\" data-delay=\"0\"><div class=\"sf-icon-cont cont-small sf-icon-float-none sf-icon-\"><i class=\"ss-smartphone sf-icon sf-icon-small\"><\/i><\/div><div class=\"sf-icon-box-content-wrap clearfix\"><h3>Phone view<\/h3><div class=\"sf-icon-box-hr sf-icon-\"><\/div><div class=\"sf-icon-box-content\">\n<p>Now we&#8217;re at phone size we&#8217;ve decided that we shouldn&#8217;t use an image. With this handy shortcode your content will always be device appropriate. So&#8230; are you impressed?<\/p>\n<a class=\"sf-button standard transparent-dark stroke-to-fill \" href=\"http:\/\/\" target=\"_self\"><span class=\"text\">YES, YOU HAVE BLOWN MY MIND!<\/span><\/a>\n<a class=\"sf-button standard gold standard \" href=\"\/features\/\" target=\"_blank\"><span class=\"text\">NO, TRY HARDER<\/span><\/a>\n<p><\/div><\/div><\/div><br \/>\n<\/div>\n[\/spb_text_block]\n","protected":false},"excerpt":{"rendered":"<p>[spb_text_block pb_margin_bottom=\u00bbno\u00bb pb_border_bottom=\u00bbno\u00bb el_class=\u00bbpb0 mb0&#8243; width=\u00bb1\/1&#8243; el_position=\u00bbfirst last\u00bb] [\/spb_text_block]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":8303,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/pages\/11194"}],"collection":[{"href":"http:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"http:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/comments?post=11194"}],"version-history":[{"count":0,"href":"http:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/pages\/11194\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/pages\/8303"}],"wp:attachment":[{"href":"http:\/\/mappingmedinadelcampo.com\/index.php\/wp-json\/wp\/v2\/media?parent=11194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}