{"id":44,"date":"2018-04-15T04:48:52","date_gmt":"2018-04-15T04:48:52","guid":{"rendered":"https:\/\/www.holithemes.com\/plugins\/wca\/?p=44"},"modified":"2018-04-15T04:48:52","modified_gmt":"2018-04-15T04:48:52","slug":"detect-device","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click\/detect-device\/","title":{"rendered":"Detect Device"},"content":{"rendered":"\n<p>By default this plugin Detects the device based on HTTP User Agent. ( Android, IOS .. )<\/p>\n\n\n\n<p>If the user agent is Android, IOS or similar identify as mobile device otherwise Desktop. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Navigation ( WhatsApp mobile App, browser )<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1067\" height=\"98\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/detect_device.png\" alt=\"\" class=\"wp-image-184\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/detect_device.png 1067w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/detect_device-300x28.png 300w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/detect_device-1024x94.png 1024w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/detect_device-768x71.png 768w\" sizes=\"(max-width: 1067px) 100vw, 1067px\" \/><\/figure>\n\n\n\n<p>The&nbsp;plugin Navigation Links&nbsp;will create based on this &#8220;Device Detect&#8221; option (&nbsp;WhatsApp Web page or WhatsApp mobile App )<\/p>\n\n\n\n<p>In case cache plugins are installed, and if that cache plugin is not creating cache pages based on device type, then in both mobile, desktop navigates to WhatsApp mobile app or Web page only in both devices types. Its based on where the pages first time loads<\/p>\n\n\n\n<p>To fix this issue, change the &#8220;detect device&#8221; to &#8220;Screen size&#8221; and adjust the max screen width of a mobile device<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"876\" height=\"127\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/image.png\" alt=\"\" class=\"wp-image-1284\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/image.png 876w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/image-300x43.png 300w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/image-768x111.png 768w\" sizes=\"(max-width: 876px) 100vw, 876px\" \/><\/figure>\n\n\n\n<p>now the navigation will update based on &#8220;screen size&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"592\" height=\"112\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2019\/07\/Annotation-2019-07-09-102024.png\" alt=\"\" class=\"wp-image-3839\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2019\/07\/Annotation-2019-07-09-102024.png 592w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2019\/07\/Annotation-2019-07-09-102024-300x57.png 300w\" sizes=\"(max-width: 592px) 100vw, 592px\" \/><\/figure>\n\n\n\n<p>There is other way to fix cache issue, By tick the &#8220;<a href=\"https:\/\/holithemes.com\/plugins\/click\/app-first\/\">App First<\/a>&#8221; option.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Selecting Styles<\/h4>\n\n\n\n<p>For selecting styles for Desktop, Mobile devices, this plugin always detect device based on HTTP User Agent.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"600\" height=\"315\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/style_7_001.png\" alt=\"predefined style 7\" class=\"wp-image-1277\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/style_7_001.png 600w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/07\/style_7_001-300x158.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>In case cache plugins are installed, and if that cache plugin is not creating cache pages based on device type, then only one style will load on both mobile, desktop. i.e cache plugins creates cache pages where the pages first time loads, mobile or desktop. in this case its better to choose only one style with matches on all device types Hide on Mobile device, desktop also<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n","protected":false},"excerpt":{"rendered":"<p>By default this plugin Detects the device based on HTTP User Agent. ( Android, IOS .. ) If the user agent is Android, IOS or similar identify as mobile device otherwise Desktop. Navigation ( WhatsApp mobile App, browser ) The&nbsp;plugin Navigation Links&nbsp;will create based on this &#8220;Device Detect&#8221; option (&nbsp;WhatsApp Web page or WhatsApp mobile &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/holithemes.com\/plugins\/click\/detect-device\/\"> <span class=\"screen-reader-text\">Detect Device<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[3],"tags":[],"class_list":["post-44","post","type-post","status-publish","format-standard","hentry","category-docs"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts\/44\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/media?parent=44"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/categories?post=44"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/tags?post=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}