{"id":5596,"date":"2020-06-04T20:38:53","date_gmt":"2020-06-04T20:38:53","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=5596"},"modified":"2020-06-05T14:37:21","modified_gmt":"2020-06-05T14:37:21","slug":"how-to-hide-a-row-on-specific-device-ultimate-addons","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/en\/ultimate-add-ons\/how-to-hide-a-row-on-specific-device-ultimate-addons\/","title":{"rendered":"How to hide a row on specific device? &#8211; Ultimate Addons"},"content":{"rendered":"<p><a href=\"https:\/\/the7kennisbank.nl\/ultimate-add-ons\/videos\/docs-archive-ultimate-addons\/\">Docs<\/a> \u00bb <a href=\"https:\/\/the7kennisbank.nl\/ultimate-add-ons\/videos\/general-archives-ultimate-addons\/\">General<\/a> \u00bb <strong class=\"breadcrumb_last\">How to hide a row on specific device?<\/strong><\/p>\n<div id=\"primary\" class=\"content-area bsf-options-form-wrap grid-parent mobile-grid-100 grid-75 tablet-grid-75\">\n<div class=\"entry-content bsf-entry-content\">\n<h5>At times, you find some designs are not suiting well on few devices; e.g. mobile; or you may need a totally different design of a particular section when it\u2019s viewed on smaller screens.<\/h5>\n<div>\n<p>This can be achieved by creating totally different rows and designing elements in them differently \u2013 targeting particular screen sizes. Then \u2013 you can display only particular rows on only particular device with using any of the two ways explained as below \u2013<\/p>\n<\/div>\n<ol>\n<li>Apply CSS class to the rows + write some CSS with media queries that will display particular rows on only particular devices.<\/li>\n<li>Edit column &amp; use Visual Composers \u201cWidth &amp; Responsiveness\u201d settings to hide particular columns on particular devices.<\/li>\n<\/ol>\n<div><\/div>\n<p>&nbsp;<\/p>\n<\/div>\n<p><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/HZAK7_iFiU-3000x3000-1024x610-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5844 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/HZAK7_iFiU-3000x3000-1024x610-1.png\" alt=\"\" width=\"1024\" height=\"610\" srcset=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/HZAK7_iFiU-3000x3000-1024x610-1.png 1024w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/HZAK7_iFiU-3000x3000-1024x610-1-300x179.png 300w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/HZAK7_iFiU-3000x3000-1024x610-1-768x458.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Docs \u00bb General \u00bb How to hide a row on specific device? At times, you find some designs are not suiting well on few devices; e.g. mobile; or you may need a totally different design of a particular section when it\u2019s viewed on smaller screens. This can be achieved by creating totally different rows and&hellip;<\/p>\n","protected":false},"author":2,"featured_media":5713,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[42,41],"tags":[],"class_list":["post-5596","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-knowledgebase-ultimate-add-ons","category-ultimate-add-ons","category-42","category-41","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/5596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=5596"}],"version-history":[{"count":6,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/5596\/revisions"}],"predecessor-version":[{"id":6149,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/5596\/revisions\/6149"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/5713"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=5596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=5596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=5596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}