{"id":13849454,"date":"2020-12-30T19:38:55","date_gmt":"2020-12-30T19:38:55","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/change-image-size-on-mobile\/"},"modified":"2020-12-30T19:38:55","modified_gmt":"2020-12-30T19:38:55","slug":"change-image-size-on-mobile","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/change-image-size-on-mobile\/","title":{"rendered":"Change image size on mobile"},"content":{"rendered":"<p>Using Elementor Pro and EAE Timeline widget, skin 3. Since there is not much text for some of the entries, I set the image width to 70%, which allows the text to be alongside the image. For these entries, I want the image to be 100% on mobile with the text below. I have tried setting custom CSS using media query, but it isn&#8217;t working. I am not sure where to put the custom CSS though. I tried in Elementor Pro site settings custom CSS section and on the page itself. <\/p>\n","protected":false},"template":"","class_list":["post-13849454","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/13849454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/13849454\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=13849454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}