{"id":23941,"date":"2021-02-21T12:01:35","date_gmt":"2021-02-21T11:01:35","guid":{"rendered":"https:\/\/www.markhendriksen.com\/?p=23941"},"modified":"2021-04-19T12:27:20","modified_gmt":"2021-04-19T10:27:20","slug":"how-to-make-a-full-height-section-in-divi","status":"publish","type":"post","link":"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/","title":{"rendered":"How To Make a Full Height Section In Divi"},"content":{"rendered":"\n<p>Do you want to make a full height section on every screen size in Divi? This is very easy to do and you need to use the vh unit value. This stands for viewport height.<\/p>\n\n\n\n<p>Open your Divi section and go to the design tab.<\/p>\n\n\n\n<p>Under sizing go to the  min-height field and place this in it:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>100vh<\/code><\/pre>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"388\" height=\"560\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/Set-the-a-full-height-section-in-Divi.jpg\" alt=\"Set the a full height section in Divi\" class=\"wp-image-23942\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/Set-the-a-full-height-section-in-Divi.jpg 388w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/Set-the-a-full-height-section-in-Divi-380x548.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/Set-the-a-full-height-section-in-Divi-208x300.jpg 208w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/Set-the-a-full-height-section-in-Divi-42x60.jpg 42w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/Set-the-a-full-height-section-in-Divi-62x90.jpg 62w\" sizes=\"(max-width: 388px) 100vw, 388px\" \/><\/figure><\/div>\n\n\n\n<p>100 vh means 100% of the viewport height. So if you would like to make the section half screen size then you could place 50vh as a min-height.<\/p>\n\n\n\n<p>If you have any questions please let me know in the comments below.<\/p>\n\n\n\n<h3 class=\"gb-headline gb-headline-f338aa81 gb-headline-text\">You Might Also Like&#8230;<\/h3>\n\n\n\n<ul class=\"listsquare listsquare-single wp-block-list\"><li><a href=\"https:\/\/www.markhendriksen.com\/how-to-equalize-column-heights-in-divi\/\">How To Equalize Column Heights In Divi<\/a><\/li><li><a href=\"https:\/\/www.markhendriksen.com\/how-to-make-the-row-full-width-in-divi\/\">How To Make The Row Full Width In Divi<\/a><\/li><li><a href=\"https:\/\/www.markhendriksen.com\/divi-custom-column-width-tutorial\/\">Divi Custom Column Width Tutorial<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to make a full height section on every screen size in Divi? This is very easy to do and you need to use the vh unit value. This stands for viewport height. Open your Divi section and go to the design tab. Under sizing go to the min-height field and place this [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":23943,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-23941","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How To Make a Full Height Section In Divi | MarkHendriksen.com<\/title>\n<meta name=\"description\" content=\"Do you want to make a full height section on every screen size in Divi? This is very easy to do and you need to use the vh unit value.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Make a Full Height Section In Divi | MarkHendriksen.com\" \/>\n<meta property=\"og:description\" content=\"Do you want to make a full height section on every screen size in Divi? This is very easy to do and you need to use the vh unit value.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/\" \/>\n<meta property=\"og:site_name\" content=\"Mark Hendriksen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/madebymarkhendriksen\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-21T11:01:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-19T10:27:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/How-to-make-a-section-full-height-in-Divi.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mark Hendriksen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Hendriksen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/\"},\"author\":{\"name\":\"Mark Hendriksen\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\"},\"headline\":\"How To Make a Full Height Section In Divi\",\"datePublished\":\"2021-02-21T11:01:35+00:00\",\"dateModified\":\"2021-04-19T10:27:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/\"},\"wordCount\":130,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/How-to-make-a-section-full-height-in-Divi.jpg\",\"articleSection\":[\"Divi tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/\",\"url\":\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/\",\"name\":\"How To Make a Full Height Section In Divi | MarkHendriksen.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/How-to-make-a-section-full-height-in-Divi.jpg\",\"datePublished\":\"2021-02-21T11:01:35+00:00\",\"dateModified\":\"2021-04-19T10:27:20+00:00\",\"description\":\"Do you want to make a full height section on every screen size in Divi? This is very easy to do and you need to use the vh unit value.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#primaryimage\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/How-to-make-a-section-full-height-in-Divi.jpg\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/How-to-make-a-section-full-height-in-Divi.jpg\",\"width\":720,\"height\":400,\"caption\":\"How to make a section full height in Divi\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markhendriksen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Divi tutorials\",\"item\":\"https:\/\/www.markhendriksen.com\/divi-tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How To Make a Full Height Section In Divi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markhendriksen.com\/#website\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"name\":\"Mark Hendriksen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markhendriksen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\",\"name\":\"Mark Hendriksen\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"width\":354,\"height\":40,\"caption\":\"Mark Hendriksen\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/madebymarkhendriksen\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\",\"name\":\"Mark Hendriksen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"caption\":\"Mark Hendriksen\"},\"url\":\"https:\/\/www.markhendriksen.com\/author\/twopixels\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Make a Full Height Section In Divi | MarkHendriksen.com","description":"Do you want to make a full height section on every screen size in Divi? This is very easy to do and you need to use the vh unit value.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/","og_locale":"en_US","og_type":"article","og_title":"How To Make a Full Height Section In Divi | MarkHendriksen.com","og_description":"Do you want to make a full height section on every screen size in Divi? This is very easy to do and you need to use the vh unit value.","og_url":"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/","og_site_name":"Mark Hendriksen","article_publisher":"https:\/\/www.facebook.com\/madebymarkhendriksen","article_published_time":"2021-02-21T11:01:35+00:00","article_modified_time":"2021-04-19T10:27:20+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/How-to-make-a-section-full-height-in-Divi.jpg","type":"image\/jpeg"}],"author":"Mark Hendriksen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mark Hendriksen","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#article","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/"},"author":{"name":"Mark Hendriksen","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765"},"headline":"How To Make a Full Height Section In Divi","datePublished":"2021-02-21T11:01:35+00:00","dateModified":"2021-04-19T10:27:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/"},"wordCount":130,"commentCount":0,"publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"image":{"@id":"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/How-to-make-a-section-full-height-in-Divi.jpg","articleSection":["Divi tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/","url":"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/","name":"How To Make a Full Height Section In Divi | MarkHendriksen.com","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#primaryimage"},"image":{"@id":"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/How-to-make-a-section-full-height-in-Divi.jpg","datePublished":"2021-02-21T11:01:35+00:00","dateModified":"2021-04-19T10:27:20+00:00","description":"Do you want to make a full height section on every screen size in Divi? This is very easy to do and you need to use the vh unit value.","breadcrumb":{"@id":"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#primaryimage","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/How-to-make-a-section-full-height-in-Divi.jpg","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/02\/How-to-make-a-section-full-height-in-Divi.jpg","width":720,"height":400,"caption":"How to make a section full height in Divi"},{"@type":"BreadcrumbList","@id":"https:\/\/www.markhendriksen.com\/how-to-make-a-full-height-section-in-divi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markhendriksen.com\/"},{"@type":"ListItem","position":2,"name":"Divi tutorials","item":"https:\/\/www.markhendriksen.com\/divi-tutorials\/"},{"@type":"ListItem","position":3,"name":"How To Make a Full Height Section In Divi"}]},{"@type":"WebSite","@id":"https:\/\/www.markhendriksen.com\/#website","url":"https:\/\/www.markhendriksen.com\/","name":"Mark Hendriksen","description":"","publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markhendriksen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.markhendriksen.com\/#organization","name":"Mark Hendriksen","url":"https:\/\/www.markhendriksen.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","width":354,"height":40,"caption":"Mark Hendriksen"},"image":{"@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/madebymarkhendriksen"]},{"@type":"Person","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765","name":"Mark Hendriksen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","caption":"Mark Hendriksen"},"url":"https:\/\/www.markhendriksen.com\/author\/twopixels\/"}]}},"_links":{"self":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/23941","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/comments?post=23941"}],"version-history":[{"count":2,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/23941\/revisions"}],"predecessor-version":[{"id":24927,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/23941\/revisions\/24927"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media\/23943"}],"wp:attachment":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media?parent=23941"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/categories?post=23941"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/tags?post=23941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}