{"id":1325348,"date":"2017-07-24T08:39:22","date_gmt":"2017-07-24T15:39:22","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/"},"modified":"2017-07-24T08:39:22","modified_gmt":"2017-07-24T15:39:22","slug":"customer-details-fields-disabled-on-small-screens","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/","title":{"rendered":"Customer details fields disabled on small screens"},"content":{"rendered":"

I’ve set up some events and tickets (using Event Tickets Plus) and everything seems to work… until I try it on a small screen.<\/p>\n

On a mobile or browser (with width less than 992) the customer detail’s fields at checkout are disabled. It is therefore not possible to buy tickets on mobile devices. The problem appears to be triggered when the browser width is reduced to such an extent that the ‘order review’ area is forced to below the ‘customer details’ area.<\/p>\n

The problem persists if I select ‘blank page’ for the Events template. <\/p>\n

I’ve included a link to a test page on my site. To see the problem, just try to buy a ticket and enter name\/address at checkout on a browser with width less than 992 or on a mobile. <\/p>\n

Unfortunately the problem renders Event Tickets Plus useless if tickets cannot be bought, so help would be appreciated.<\/p>\n

If I activate Twenty Fourteen theme, the problem goes away. How can I isolate the problem\/conflict? Are you able to help…??<\/p>\n

Many thanks.<\/p>\n","protected":false},"template":"","class_list":["post-1325348","topic","type-topic","status-closed","hentry"],"yoast_head":"\nCustomer details fields disabled on small screens -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customer details fields disabled on small screens -\" \/>\n<meta property=\"og:description\" content=\"I’ve set up some events and tickets (using Event Tickets Plus) and everything seems to work… until I try it on a small screen. On a mobile or browser (with width less than 992) the customer detail’s fields at checkout are disabled. It is therefore not possible to buy tickets on mobile devices. The problem […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/\",\"name\":\"Customer details fields disabled on small screens -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2017-07-24T15:39:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theeventscalendar.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Topics\",\"item\":\"https:\/\/theeventscalendar.com\/support\/topics\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Ticket Products\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/event-tickets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Event Tickets Plus\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/event-tickets\/event-tickets-plus\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Customer details fields disabled on small screens\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\",\"url\":\"https:\/\/theeventscalendar.com\/support\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Customer details fields disabled on small screens -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/","og_locale":"en_US","og_type":"article","og_title":"Customer details fields disabled on small screens -","og_description":"I’ve set up some events and tickets (using Event Tickets Plus) and everything seems to work… until I try it on a small screen. On a mobile or browser (with width less than 992) the customer detail’s fields at checkout are disabled. It is therefore not possible to buy tickets on mobile devices. The problem […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/","name":"Customer details fields disabled on small screens -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2017-07-24T15:39:22+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/customer-details-fields-disabled-on-small-screens\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theeventscalendar.com\/support\/"},{"@type":"ListItem","position":2,"name":"Topics","item":"https:\/\/theeventscalendar.com\/support\/topics\/"},{"@type":"ListItem","position":3,"name":"Ticket Products","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/event-tickets\/"},{"@type":"ListItem","position":4,"name":"Event Tickets Plus","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/event-tickets\/event-tickets-plus\/"},{"@type":"ListItem","position":5,"name":"Customer details fields disabled on small screens"}]},{"@type":"WebSite","@id":"https:\/\/theeventscalendar.com\/support\/#website","url":"https:\/\/theeventscalendar.com\/support\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1325348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1325348\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1325348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}