{"id":14006,"date":"2024-02-17T06:11:38","date_gmt":"2024-02-17T06:11:38","guid":{"rendered":"https:\/\/essential-blocks.com\/?post_type=docs&#038;p=14006"},"modified":"2024-02-17T06:11:48","modified_gmt":"2024-02-17T06:11:48","password":"","slug":"customize-website-responsive-breakpoints","status":"publish","type":"docs","link":"https:\/\/essential-blocks.com\/docs\/customize-website-responsive-breakpoints\/","title":{"rendered":"How To Customize Website Responsive Breakpoints With Essential Blocks?"},"content":{"rendered":"\n<p><a href=\"https:\/\/essential-blocks.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Essential Blocks<\/strong><\/a> provides the capability to customize the styling of blocks for tablet and mobile screens separately. Columns used on the website can be collapsed or rearranged based on whether they are viewed on a tablet or mobile device. These distinctions are determined by what are known as <strong>Responsive Breakpoints<\/strong>. This responsiveness customization is a <strong>free feature<\/strong> in Essential Blocks.<\/p>\n\n\n\n<p>By default, Essential Blocks uses the following breakpoints:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tablet: 1024px<\/strong><\/li>\n\n\n\n<li><strong>Mobile: 767px<\/strong><\/li>\n<\/ul>\n\n\n\n<p>These values denote the screen widths at which the design and functionality adjustments occur. However, Essential Blocks offers the flexibility to modify these breakpoints according to specific preferences or project requirements.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Where To Locate Responsive Breakpoints In Essential Blocks?<\/strong><\/h2>\n\n\n\n<p>Go to your WordPress dashboard and navigate to <strong>Essential Blocks \u2192 Settings<\/strong>. Scroll down a bit, find the section named <strong>\u2018Responsive Breakpoints\u2019<\/strong> &amp; click on \u2018<strong>Configure Breakpoints.\u2019<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"771\" src=\"https:\/\/essential-blocks.com\/wp-content\/uploads\/2024\/02\/image.gif\" alt=\"Responsive Breakpoints\" class=\"wp-image-14008\" title=\"\"><figcaption><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How To Configure Responsive Breakpoints In Essential Blocks?<\/strong><\/h2>\n\n\n\n<p>After clicking on the option, you\u2019ll get a pop-up screen. Now update with new values in pixels in the specific fields &amp; click on <strong>\u2018Save Changes.\u2019\u00a0<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"901\" src=\"https:\/\/essential-blocks.com\/wp-content\/uploads\/2024\/02\/image.png\" alt=\"Responsive Breakpoints\" class=\"wp-image-14009\" title=\"\" srcset=\"https:\/\/essential-blocks.com\/wp-content\/uploads\/2024\/02\/image.png 1600w, https:\/\/essential-blocks.com\/wp-content\/uploads\/2024\/02\/image-300x169.png 300w, https:\/\/essential-blocks.com\/wp-content\/uploads\/2024\/02\/image-1024x577.png 1024w, https:\/\/essential-blocks.com\/wp-content\/uploads\/2024\/02\/image-768x432.png 768w, https:\/\/essential-blocks.com\/wp-content\/uploads\/2024\/02\/image-1536x865.png 1536w, https:\/\/essential-blocks.com\/wp-content\/uploads\/2024\/02\/image-360x203.png 360w, https:\/\/essential-blocks.com\/wp-content\/uploads\/2024\/02\/image-600x338.png 600w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p>This is how you can customize responsive breakpoints for mobile and tab views of your website seamlessly with Essential Blocks.<\/p>\n\n\n\n<p>Got Stuck? Feel free to <a href=\"https:\/\/wpdeveloper.com\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>contact our support team<\/strong><\/a> for further assistance.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Follow the simple guide to learn how to customize website responsive breakpoints with Essential Blocks.<\/p>\n","protected":false},"author":26,"featured_media":14009,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","footnotes":""},"doc_category":[11],"doc_tag":[14,15,12,13,21,16],"class_list":["post-14006","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations","doc_tag-block","doc_tag-blocks","doc_tag-gutenberg","doc_tag-gutenberg-block","doc_tag-gutenberg-editor","doc_tag-wordpress"],"year_month":"2026-04","word_count":204,"total_views":"1748","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Shahidul Islam","author_nicename":"shahidul","author_url":"https:\/\/essential-blocks.com\/author\/shahidul\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/essential-blocks.com\/docs-category\/configurations\/"}],"doc_tag_info":[{"term_name":"block","term_url":"https:\/\/essential-blocks.com\/docs-tag\/block\/"},{"term_name":"blocks","term_url":"https:\/\/essential-blocks.com\/docs-tag\/blocks\/"},{"term_name":"gutenberg","term_url":"https:\/\/essential-blocks.com\/docs-tag\/gutenberg\/"},{"term_name":"gutenberg block","term_url":"https:\/\/essential-blocks.com\/docs-tag\/gutenberg-block\/"},{"term_name":"Gutenberg editor","term_url":"https:\/\/essential-blocks.com\/docs-tag\/gutenberg-editor\/"},{"term_name":"WordPress","term_url":"https:\/\/essential-blocks.com\/docs-tag\/wordpress\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/essential-blocks.com\/wp-json\/wp\/v2\/docs\/14006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/essential-blocks.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/essential-blocks.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/essential-blocks.com\/wp-json\/wp\/v2\/users\/26"}],"version-history":[{"count":4,"href":"https:\/\/essential-blocks.com\/wp-json\/wp\/v2\/docs\/14006\/revisions"}],"predecessor-version":[{"id":14072,"href":"https:\/\/essential-blocks.com\/wp-json\/wp\/v2\/docs\/14006\/revisions\/14072"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/essential-blocks.com\/wp-json\/wp\/v2\/media\/14009"}],"wp:attachment":[{"href":"https:\/\/essential-blocks.com\/wp-json\/wp\/v2\/media?parent=14006"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/essential-blocks.com\/wp-json\/wp\/v2\/doc_category?post=14006"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/essential-blocks.com\/wp-json\/wp\/v2\/doc_tag?post=14006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}