{"id":6425083,"date":"2015-08-12T09:59:22","date_gmt":"2015-08-12T09:59:22","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/mobile-responsive-layout\/"},"modified":"2016-08-30T16:44:12","modified_gmt":"2016-08-30T16:44:12","slug":"mobile-responsive-layout","status":"closed","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/mobile-responsive-layout\/","title":{"rendered":"Mobile Responsive Layout"},"content":{"rendered":"<p>Hey there,<\/p>\n<p>I am using CF7 with a responsive template.<br \/>\nAs my contact form includes a lot of fields, it aligned some fields to the same row by:<\/p>\n<p>&lt;div style=&#8221;float: left; width: 30%;&#8221;&gt;<br \/>\n&lt;p&gt;Stra\u00dfe (*)<br \/>\n     [text* Street class:required] &lt;\/p&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;div style=&#8221;float: left; width: 40%;&#8221;&gt;<br \/>\n&lt;p&gt;Hausnummer (*)<br \/>\n[text* Hausnummer class:required] &lt;\/p&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;div style=&#8221;clear:both;&#8221;&gt;&lt;\/div&gt;<\/p>\n<p>However, when I view the contact from on mobile devices, the fields are overlapping.<br \/>\nHow can I change this?<\/p>\n<p>Any help is highly appreciated.<br \/>\nBest<br \/>\nMax<\/p>\n<p>https:\/\/wordpress.org\/plugins\/contact-form-7\/<\/p>\n","protected":false},"template":"","class_list":["post-6425083","topic","type-topic","status-closed","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/6425083","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\/6425083\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=6425083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}