{"id":1212351,"date":"2017-01-02T13:32:33","date_gmt":"2017-01-02T21:32:33","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/filter-bar-isnt-working-properly-on-mobile\/"},"modified":"2017-01-02T13:32:33","modified_gmt":"2017-01-02T21:32:33","slug":"filter-bar-isnt-working-properly-on-mobile","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/filter-bar-isnt-working-properly-on-mobile\/","title":{"rendered":"Filter Bar Isn&#039;t Working Properly on Mobile"},"content":{"rendered":"<p>Good Afternoon,<\/p>\n<p>I&#8217;m having an issue on mobile devices where the filter bar will not display properly.  It is covering the title, overlapping with the standard TEC search bar, and most importantly, not displaying the top filter option, which is vital to users finding the correct events on our site.  This issue is taking place on both my mobile phone, which is a Samsung S7, as well as on my PC, both in Safari and Firefox.<\/p>\n","protected":false},"template":"","class_list":["post-1212351","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>Filter Bar Isn&#039;t Working Properly on Mobile -<\/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\/filter-bar-isnt-working-properly-on-mobile\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Filter Bar Isn&#039;t Working Properly on Mobile -\" \/>\n<meta property=\"og:description\" content=\"Good Afternoon, I&#8217;m having an issue on mobile devices where the filter bar will not display properly. It is covering the title, overlapping with the standard TEC search bar, and most importantly, not displaying the top filter option, which is vital to users finding the correct events on our site. This issue is taking place [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/filter-bar-isnt-working-properly-on-mobile\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/filter-bar-isnt-working-properly-on-mobile\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/filter-bar-isnt-working-properly-on-mobile\/\",\"name\":\"Filter Bar Isn&#039;t Working Properly on Mobile -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2017-01-02T21:32:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/filter-bar-isnt-working-properly-on-mobile\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/filter-bar-isnt-working-properly-on-mobile\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/filter-bar-isnt-working-properly-on-mobile\/#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\":\"Filter Bar\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/filter-bar\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Filter Bar Isn&#039;t Working Properly on Mobile\"}]},{\"@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":"Filter Bar Isn&#039;t Working Properly on Mobile -","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\/filter-bar-isnt-working-properly-on-mobile\/","og_locale":"en_US","og_type":"article","og_title":"Filter Bar Isn&#039;t Working Properly on Mobile -","og_description":"Good Afternoon, I&#8217;m having an issue on mobile devices where the filter bar will not display properly. It is covering the title, overlapping with the standard TEC search bar, and most importantly, not displaying the top filter option, which is vital to users finding the correct events on our site. This issue is taking place [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/filter-bar-isnt-working-properly-on-mobile\/","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/filter-bar-isnt-working-properly-on-mobile\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/filter-bar-isnt-working-properly-on-mobile\/","name":"Filter Bar Isn&#039;t Working Properly on Mobile -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2017-01-02T21:32:33+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/filter-bar-isnt-working-properly-on-mobile\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/filter-bar-isnt-working-properly-on-mobile\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/filter-bar-isnt-working-properly-on-mobile\/#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":"Filter Bar","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/filter-bar\/"},{"@type":"ListItem","position":5,"name":"Filter Bar Isn&#039;t Working Properly on Mobile"}]},{"@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\/1212351","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\/1212351\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1212351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}