{"id":963978,"date":"2015-05-20T13:08:04","date_gmt":"2015-05-20T20:08:04","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/forcing-list-view-on-mobile-only\/"},"modified":"2015-06-29T18:01:06","modified_gmt":"2015-06-30T01:01:06","slug":"forcing-list-view-on-mobile-only","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/forcing-list-view-on-mobile-only\/","title":{"rendered":"Forcing list view on mobile (only)"},"content":{"rendered":"<p>My clients love the monthly view of The Events Calendar on laptops &amp; desktops, but it displays terribly on phones. In an earlier forum post, I found a solution but do not know how to implement it. I want to force display of the list view on mobile only. Can you give me very specific instruction about what to do and where to do it? Even the programmer I work with couldn&#8217;t figure out where to put the following, which was a solution I found in a forum:<\/p>\n<p>Truth Seeker<br \/>\nPosts: 15<br \/>\nTopics: 17<br \/>\nAndrea\tSeptember 1, 2014 Permalink<\/p>\n<p>Is there an option to have the default view set to View as Calendar for all devices, except for mobile view? The List view on my iPhone looks great but client wants calendar view on desktop. Thanks! PS: Site under construction at http:\/\/www.celestialbirth.com\/newsite<br \/>\nBearded<br \/>\nSupport Ginger<br \/>\nPosts: 90<\/p>\n<p>Josh\tSeptember 2, 2014 Permalink<\/p>\n<p>Hey Andrea,<\/p>\n<p>Thanks for reaching out to us!<\/p>\n<p>You should be able to accomplish the desired effect by using the \u201cwp_is_mobile()\u201d conditional to check whether the current visitor is viewing from a mobile device. If so, you could then redirect the user to the List view by using the following function \u201ctribe_get_listview_link\u201d<\/p>\n<p>An example of what this might look like would be:<\/p>\n<p>if( wp_is_mobile() ) {<br \/>\nwp_safe_redirect( tribe_get_listview_link() );<br \/>\n}<\/p>\n<p>Let me know if this helps.<\/p>\n","protected":false},"template":"","class_list":["post-963978","topic","type-topic","status-closed","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Forcing list view on mobile (only) -<\/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\/forcing-list-view-on-mobile-only\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Forcing list view on mobile (only) -\" \/>\n<meta property=\"og:description\" content=\"My clients love the monthly view of The Events Calendar on laptops &amp; desktops, but it displays terribly on phones. In an earlier forum post, I found a solution but do not know how to implement it. I want to force display of the list view on mobile only. Can you give me very specific [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/forcing-list-view-on-mobile-only\/\" \/>\n<meta property=\"article:modified_time\" content=\"2015-06-30T01:01:06+00:00\" \/>\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\/forcing-list-view-on-mobile-only\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/forcing-list-view-on-mobile-only\/\",\"name\":\"Forcing list view on mobile (only) -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2015-05-20T20:08:04+00:00\",\"dateModified\":\"2015-06-30T01:01:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/forcing-list-view-on-mobile-only\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/forcing-list-view-on-mobile-only\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/forcing-list-view-on-mobile-only\/#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\":\"Calendar Products\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Events Calendar PRO\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Forcing list view on mobile (only)\"}]},{\"@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":"Forcing list view on mobile (only) -","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\/forcing-list-view-on-mobile-only\/","og_locale":"en_US","og_type":"article","og_title":"Forcing list view on mobile (only) -","og_description":"My clients love the monthly view of The Events Calendar on laptops &amp; desktops, but it displays terribly on phones. In an earlier forum post, I found a solution but do not know how to implement it. I want to force display of the list view on mobile only. Can you give me very specific [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/forcing-list-view-on-mobile-only\/","article_modified_time":"2015-06-30T01:01:06+00:00","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\/forcing-list-view-on-mobile-only\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/forcing-list-view-on-mobile-only\/","name":"Forcing list view on mobile (only) -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2015-05-20T20:08:04+00:00","dateModified":"2015-06-30T01:01:06+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/forcing-list-view-on-mobile-only\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/forcing-list-view-on-mobile-only\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/forcing-list-view-on-mobile-only\/#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":"Calendar Products","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/"},{"@type":"ListItem","position":4,"name":"Events Calendar PRO","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/"},{"@type":"ListItem","position":5,"name":"Forcing list view on mobile (only)"}]},{"@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\/963978","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":1,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/963978\/revisions"}],"predecessor-version":[{"id":964201,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/963978\/revisions\/964201"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=963978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}