{"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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"391\" height=\"273\" src=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/01\/Advanced-Mode-4.png?resize=391%2C273&#038;ssl=1\" alt=\"\" class=\"wp-image-172\" srcset=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/01\/Advanced-Mode-4.png?w=391&amp;ssl=1 391w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/01\/Advanced-Mode-4.png?resize=300%2C209&amp;ssl=1 300w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/01\/Advanced-Mode-4.png?resize=60%2C42&amp;ssl=1 60w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2021\/01\/Advanced-Mode-4.png?resize=150%2C105&amp;ssl=1 150w\" sizes=\"auto, (max-width: 391px) 100vw, 391px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"402\" src=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic1-8.png?resize=624%2C402&#038;ssl=1\" alt=\"\" class=\"wp-image-136\" srcset=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic1-8.png?w=624&amp;ssl=1 624w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic1-8.png?resize=300%2C193&amp;ssl=1 300w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic1-8.png?resize=60%2C39&amp;ssl=1 60w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic1-8.png?resize=150%2C97&amp;ssl=1 150w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Next, click <strong>&#8216;More Settings&#8217;<\/strong> (see below).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"526\" height=\"400\" src=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic2-5.png?resize=526%2C400&#038;ssl=1\" alt=\"\" class=\"wp-image-137\" srcset=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic2-5.png?w=526&amp;ssl=1 526w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic2-5.png?resize=300%2C228&amp;ssl=1 300w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic2-5.png?resize=60%2C46&amp;ssl=1 60w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic2-5.png?resize=150%2C114&amp;ssl=1 150w\" sizes=\"auto, (max-width: 526px) 100vw, 526px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"794\" height=\"625\" src=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic3-4.png?resize=794%2C625&#038;ssl=1\" alt=\"\" class=\"wp-image-138\" srcset=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic3-4.png?w=794&amp;ssl=1 794w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic3-4.png?resize=300%2C236&amp;ssl=1 300w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic3-4.png?resize=768%2C605&amp;ssl=1 768w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic3-4.png?resize=60%2C47&amp;ssl=1 60w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic3-4.png?resize=150%2C118&amp;ssl=1 150w\" sizes=\"auto, (max-width: 794px) 100vw, 794px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">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 data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"469\" height=\"279\" src=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic4.png?resize=469%2C279&#038;ssl=1\" alt=\"\" class=\"wp-image-139\" srcset=\"https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic4.png?w=469&amp;ssl=1 469w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic4.png?resize=300%2C178&amp;ssl=1 300w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic4.png?resize=60%2C36&amp;ssl=1 60w, https:\/\/i0.wp.com\/help.webhealer.net\/wp-content\/uploads\/2020\/12\/pic4.png?resize=150%2C89&amp;ssl=1 150w\" sizes=\"auto, (max-width: 469px) 100vw, 469px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">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 height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" 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 wp-block-paragraph\"><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":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1,4,3],"tags":[],"class_list":["post-134","post","type-post","status-publish","format-standard","hentry","category-other","category-working-with-images","category-working-with-text"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/help.webhealer.net\/index.php\/wp-json\/wp\/v2\/posts\/134","targetHints":{"allow":["GET"]}}],"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}]}}