{"id":9121,"date":"2015-11-09T03:55:38","date_gmt":"2015-11-09T03:55:38","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=9121"},"modified":"2015-11-09T03:55:38","modified_gmt":"2015-11-09T03:55:38","slug":"how-to-make-revolution-slider-responsive","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/how-to-make-revolution-slider-responsive\/affordablewebsitestips\/tutorials","title":{"rendered":"How to make Revolution Slider responsive"},"content":{"rendered":"<p>This tutorial assumes that you've already created your slider. To set your revolution slider to be responsive you will need to:<\/p>\n<ol>\n<li>Log into WordPress.<\/li>\n<li>Click on the tab 'Revolution Slider' on the left side of the WordPress admin.<\/li>\n<li>Under the 'Revolution Sliders' section, click the slider you want to edit.<\/li>\n<li>Select the option 'Custom' and set the responsive sizes in the fields below.\n<div><a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2015\/11\/revolutionslider_responsive.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-9122\" style=\"border: 1px solid black;\" title=\"revolutionslider_responsive\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2015\/11\/revolutionslider_responsive.jpg\" alt=\"\" width=\"593\" height=\"619\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2015\/11\/revolutionslider_responsive.jpg 593w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2015\/11\/revolutionslider_responsive-287x300.jpg 287w\" sizes=\"auto, (max-width: 593px) 100vw, 593px\" \/><\/a><\/div>\n<\/li>\n<li>\n<div>Click the 'Save Settings' button.<\/div>\n<\/li>\n<\/ol>\n<p>Refresh the page and minimize the browser window to test the responsiveness of the slider.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial assumes that you&#8217;ve already created your slider. To set your revolution slider to be responsive you will need to: Log into WordPress. Click on the tab &#8216;Revolution Slider&#8217; on the left side of the WordPress admin. Under the &#8216;Revolution Sliders&#8217; section, click the slider you want to edit. Select the option &#8216;Custom&#8217; and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8139,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,6],"tags":[],"class_list":["post-9121","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-wordpress"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/9121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=9121"}],"version-history":[{"count":2,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/9121\/revisions"}],"predecessor-version":[{"id":9124,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/9121\/revisions\/9124"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/8139"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=9121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=9121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=9121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}