{"id":134,"date":"2020-12-18T17:01:12","date_gmt":"2020-12-18T17:01:12","guid":{"rendered":"https:\/\/help.webhealer.net\/?p=134"},"modified":"2021-05-13T10:55:13","modified_gmt":"2021-05-13T10:55:13","slug":"how-to-hide-items-blocks-on-desktop-view","status":"publish","type":"post","link":"https:\/\/help.webhealer.net\/index.php\/2020\/12\/18\/how-to-hide-items-blocks-on-desktop-view\/","title":{"rendered":"How to hide items\/blocks on Desktop view"},"content":{"rendered":"\n<p>If there are any items or even entire blocks that you would like to hide from the desktop version of your website (when viewed from a PC or laptop), you can do this by following these steps:<\/p>\n\n\n\n<p>First, go to <strong>&#8216;Settings&#8217;<\/strong> in the sidebar menu on the left-hand side of your editor, and click <strong>&#8216;Advanced Mode&#8217;<\/strong> (see below).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"391\" height=\"273\" src=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/01\/Advanced-Mode-4.png\" alt=\"\" class=\"wp-image-172\" srcset=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/01\/Advanced-Mode-4.png 391w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/01\/Advanced-Mode-4-300x209.png 300w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/01\/Advanced-Mode-4-60x42.png 60w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/01\/Advanced-Mode-4-150x105.png 150w\" sizes=\"(max-width: 391px) 100vw, 391px\" \/><\/figure>\n\n\n\n<p>Now, click the item or block that you wish to hide from appearing on the Desktop view of your website (when viewed on a PC or laptop). Once clicked, a menu bar will appear. Click the <strong>&#8216;Settings&#8217;<\/strong> <strong>icon<\/strong> on this menu bar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"624\" height=\"402\" src=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic1-8.png\" alt=\"\" class=\"wp-image-136\" srcset=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic1-8.png 624w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic1-8-300x193.png 300w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic1-8-60x39.png 60w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic1-8-150x97.png 150w\" sizes=\"(max-width: 624px) 100vw, 624px\" \/><\/figure>\n\n\n\n<p>Next, click <strong>&#8216;More Settings&#8217;<\/strong> (see below).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"526\" height=\"400\" src=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic2-5.png\" alt=\"\" class=\"wp-image-137\" srcset=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic2-5.png 526w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic2-5-300x228.png 300w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic2-5-60x46.png 60w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic2-5-150x114.png 150w\" sizes=\"(max-width: 526px) 100vw, 526px\" \/><\/figure>\n\n\n\n<p>A menu sidebar will now appear on the right-hand side of your page. Here, click <strong>&#8216;Advanced&#8217;<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"794\" height=\"625\" src=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic3-4.png\" alt=\"\" class=\"wp-image-138\" srcset=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic3-4.png 794w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic3-4-300x236.png 300w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic3-4-768x605.png 768w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic3-4-60x47.png 60w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic3-4-150x118.png 150w\" sizes=\"(max-width: 794px) 100vw, 794px\" \/><\/figure>\n\n\n\n<p>Once in the &#8216;Advanced&#8217; section, you will see <strong>&#8216;Show on Desktop&#8217;<\/strong> option at the very top with a toggle option beside it. Toggle this to &#8216;off&#8217;. The item will now be hidden from anyone viewing your website on a PC computer or laptop.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"469\" height=\"279\" src=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic4.png\" alt=\"\" class=\"wp-image-139\" srcset=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic4.png 469w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic4-300x178.png 300w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic4-60x36.png 60w, https:\/\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic4-150x89.png 150w\" sizes=\"(max-width: 469px) 100vw, 469px\" \/><\/figure>\n\n\n\n<p>For a full step-by-step breakdown of the process, take a look at our help video below. <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/help.webhealer.net\/wp-content\/uploads\/2021\/05\/Hiding-elements-from-desktop-view.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><strong><span class=\"has-inline-color has-vivid-red-color\">*NB*<\/span>&nbsp;\u2013 Don\u2019t forget to click \u2018Update\u2019 in the bottom right-hand corner after you make any changes to your website so they will be saved!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If there are any items or even entire blocks that you would like to hide from the desktop version of your website (when viewed from a PC or laptop), you can do this by following these steps: First, go to &#8216;Settings&#8217; in the sidebar menu on the left-hand side of your editor, and click &#8216;Advanced [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1,4,3],"tags":[],"_links":{"self":[{"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/posts\/134"}],"collection":[{"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":5,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/posts\/134\/revisions"}],"predecessor-version":[{"id":262,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/posts\/134\/revisions\/262"}],"wp:attachment":[{"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/media?parent=134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/categories?post=134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/tags?post=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}