{"id":242,"date":"2023-05-18T10:13:32","date_gmt":"2023-05-18T10:13:32","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/ogma\/?p=242"},"modified":"2023-05-18T10:13:34","modified_gmt":"2023-05-18T10:13:34","slug":"how-to-set-social-icons-visibility-for-different-devices","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/ogma\/how-to-set-social-icons-visibility-for-different-devices\/","title":{"rendered":"How to Set Social Icons Visibility for Different Devices?"},"content":{"rendered":"\n<p>Ogma Pro version allows you to set social media icons visibility based on the used device. You can either choose to show or hide social icons on different devices using Ogma pro.<\/p>\n\n\n\n<p>In order to do that:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your admin dashboard using login credentials<\/li>\n\n\n\n<li>Then, open your theme customizer by navigating to <strong>Appearance >> Customize.<\/strong><\/li>\n\n\n\n<li>Navigate to<strong> General Settings >> Social Icons<\/strong><\/li>\n\n\n\n<li>Under <strong>Design Tab<\/strong>, there&#8217;s a section for Social Icon Visibility <\/li>\n\n\n\n<li>Under the <strong>Social Icon Visibility <\/strong>section, the desktop icon is selected by default meaning social icons are always displayed on desktop devices. <\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"268\" height=\"505\" src=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/05\/Social-icons-visibility.png\" alt=\"\" class=\"wp-image-248\" srcset=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/05\/Social-icons-visibility.png 268w, https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/05\/Social-icons-visibility-159x300.png 159w\" sizes=\"auto, (max-width: 268px) 100vw, 268px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>If you want to display social icons on <strong>Table or Mobile<\/strong> devices as well, click on the Tablet or Mobile icons as per your preference.<\/li>\n\n\n\n<li>After that, don&#8217;t forget to click on <img loading=\"lazy\" decoding=\"async\" width=\"65\" height=\"21\" class=\"wp-image-81\" style=\"width: 65px;\" src=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/publish-button.png\" alt=\"\"> button to save and publish the changes.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Ogma Pro version allows you to set social media icons visibility based on the used device. You can either choose to show or hide social icons on different devices using Ogma pro. In order to do that:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-242","post","type-post","status-publish","format-standard","hentry","category-ogma-pro-module"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/comments?post=242"}],"version-history":[{"count":1,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/242\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/242\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/media?parent=242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/categories?post=242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/tags?post=242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}