{"id":10312,"date":"2024-11-20T15:32:53","date_gmt":"2024-11-20T15:32:53","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=10312"},"modified":"2025-03-12T16:52:38","modified_gmt":"2025-03-12T16:52:38","password":"","slug":"create-a-full-screen-landing-page","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/create-a-full-screen-landing-page\/","title":{"rendered":"Create a Full Screen Landing Page"},"content":{"rendered":"<style>.wp-block-kadence-advancedheading.kt-adv-heading10312_da5762-e4, .wp-block-kadence-advancedheading.kt-adv-heading10312_da5762-e4[data-kb-block=\"kb-adv-heading10312_da5762-e4\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading10312_da5762-e4 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading10312_da5762-e4[data-kb-block=\"kb-adv-heading10312_da5762-e4\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading10312_da5762-e4 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading10312_da5762-e4[data-kb-block=\"kb-adv-heading10312_da5762-e4\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading10312_da5762-e4 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading10312_da5762-e4\">What is a Full-Screen Landing Page<\/h2>\n\n\n\n<p>A full-screen landing page fills the entire browser view, delivering your main message or call-to-action (CTA) without distractions. There\u2019s no scrolling, no below-the-fold content\u2014just one powerful screen that every visitor sees.<br>These pages work especially well for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Maintenance announcements<\/li>\n\n\n\n<li>&#8220;Coming Soon&#8221; announcements<\/li>\n<\/ul>\n\n\n\n<p>We actually use this technique for our templates in Kadence Theme Kit Pro&#8217;s <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/kadence-maintenance-mode\/\">Maintenance Mode<\/a> feature.<\/p>\n\n\n<style>.wp-block-kadence-advancedgallery .kb-gallery-type-grid.kb-gallery-id-10312_a47070-92{margin:-5px;}.kb-gallery-type-grid.kb-gallery-id-10312_a47070-92 .kadence-blocks-gallery-item{padding:5px;}.kb-gallery-id-10312_a47070-92 .kadence-blocks-gallery-item .kb-gal-image-radius, .kb-gallery-id-10312_a47070-92 .kb-slide-item .kb-gal-image-radius img{border-radius:0px 0px 0px 0px;;}<\/style><div class=\"kb-gallery-wrap-id-10312_a47070-92 alignnone wp-block-kadence-advancedgallery\"><ul class=\"kb-gallery-ul kb-gallery-non-static kb-gallery-type-grid kb-gallery-id-10312_a47070-92 kb-gallery-caption-style-bottom-hover kb-gallery-filter-none\" data-image-filter=\"none\" data-item-selector=\".kadence-blocks-gallery-item\" data-lightbox-caption=\"true\" data-columns-xxl=\"4\" data-columns-xl=\"4\" data-columns-md=\"4\" data-columns-sm=\"3\" data-columns-xs=\"2\" data-columns-ss=\"2\"><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32 kb-has-image-ratio-land32\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-4.jpg\" width=\"1280\" height=\"720\" alt=\"\" data-full-image=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-4.jpg\" data-light-image=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-4.jpg\" data-id=\"10321\" class=\"wp-image-10321\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-4.jpg 1280w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-4-300x169.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-4-1024x576.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-4-768x432.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-4-360x203.jpg 360w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/div><\/div><\/figure><\/div><\/li><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32 kb-has-image-ratio-land32\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-2.jpg\" width=\"1920\" height=\"1059\" alt=\"\" data-full-image=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-2.jpg\" data-light-image=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-2.jpg\" data-id=\"10322\" class=\"wp-image-10322\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-2.jpg 1920w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-2-300x165.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-2-1024x565.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-2-768x424.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-2-1536x847.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-2-360x199.jpg 360w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/div><\/div><\/figure><\/div><\/li><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32 kb-has-image-ratio-land32\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-1.jpg\" width=\"500\" height=\"388\" alt=\"\" data-full-image=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-1.jpg\" data-light-image=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-1.jpg\" data-id=\"10323\" class=\"wp-image-10323\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-1.jpg 500w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-1-300x233.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-1-360x279.jpg 360w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/div><\/div><\/figure><\/div><\/li><li class=\"kadence-blocks-gallery-item\" tabindex=\"0\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32 kb-has-image-ratio-land32\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-3.jpg\" width=\"506\" height=\"302\" alt=\"\" data-full-image=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-3.jpg\" data-light-image=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-3.jpg\" data-id=\"10320\" class=\"wp-image-10320\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-3.jpg 506w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-3-300x179.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/fullscreen-3-360x215.jpg 360w\" sizes=\"auto, (max-width: 506px) 100vw, 506px\" \/><\/div><\/div><\/figure><\/div><\/li><\/ul><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading10312_134a9d-05, .wp-block-kadence-advancedheading.kt-adv-heading10312_134a9d-05[data-kb-block=\"kb-adv-heading10312_134a9d-05\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading10312_134a9d-05 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading10312_134a9d-05[data-kb-block=\"kb-adv-heading10312_134a9d-05\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading10312_134a9d-05 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading10312_134a9d-05[data-kb-block=\"kb-adv-heading10312_134a9d-05\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading10312_134a9d-05 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading10312_134a9d-05\">The Benefits<\/h2>\n\n\n\n<p>Typically, a full-screen landing page doesn\u2019t include headers, footers, or any elements that could divert attention from your core message. It\u2019s simple, direct, and effective\u2014perfect for keeping your audience focused.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading10312_ed600c-12, .wp-block-kadence-advancedheading.kt-adv-heading10312_ed600c-12[data-kb-block=\"kb-adv-heading10312_ed600c-12\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading10312_ed600c-12 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading10312_ed600c-12[data-kb-block=\"kb-adv-heading10312_ed600c-12\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading10312_ed600c-12 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading10312_ed600c-12[data-kb-block=\"kb-adv-heading10312_ed600c-12\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading10312_ed600c-12 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading10312_ed600c-12\">Making a Full Screen Page<\/h2>\n\n\n\n<p>For this demo, I&#8217;ll be using the following plugins and themes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.kadencewp.com\/kadence-theme\/\">Kadence Theme<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.kadencewp.com\/kadence-blocks\/\">Kadence Blocks<\/a><\/li>\n<\/ul>\n\n\n\n<p>I&#8217;ll be making a full screen landing page to hype up a new product launch. There will be three main steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#remove-theme-elements\">Remove theme elements<\/a><\/li>\n\n\n\n<li><a href=\"#fullscreen-container\">Setup a full screen container<\/a><\/li>\n\n\n\n<li><a href=\"#add-content\">Add Content<\/a><\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading10312_596b9d-08, .wp-block-kadence-advancedheading.kt-adv-heading10312_596b9d-08[data-kb-block=\"kb-adv-heading10312_596b9d-08\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading10312_596b9d-08 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading10312_596b9d-08[data-kb-block=\"kb-adv-heading10312_596b9d-08\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading10312_596b9d-08 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading10312_596b9d-08[data-kb-block=\"kb-adv-heading10312_596b9d-08\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"remove-theme-elements\" class=\"kt-adv-heading10312_596b9d-08 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading10312_596b9d-08\">Remove Theme Elements<\/h2>\n\n\n\n<p>After making a new page on my site, the first thing I want to do is make it so only the block content I add to this page will be shown and can fill the whole screen. I&#8217;ll do this by removing the header and footer from this page along with making sure this page is full width. Kadence Theme has a slew of options to disable theme elements and adjust layout per page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/remove-theme-elements-1024x572.jpg\" alt=\"\" class=\"wp-image-10317\" style=\"width:700px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/remove-theme-elements-1024x572.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/remove-theme-elements-300x167.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/remove-theme-elements-768x429.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/remove-theme-elements-1536x858.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/remove-theme-elements-360x201.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/remove-theme-elements.jpg 1621w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading10312_cdc441-2d, .wp-block-kadence-advancedheading.kt-adv-heading10312_cdc441-2d[data-kb-block=\"kb-adv-heading10312_cdc441-2d\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading10312_cdc441-2d mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading10312_cdc441-2d[data-kb-block=\"kb-adv-heading10312_cdc441-2d\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading10312_cdc441-2d img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading10312_cdc441-2d[data-kb-block=\"kb-adv-heading10312_cdc441-2d\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"fullscreen-container\" class=\"kt-adv-heading10312_cdc441-2d wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading10312_cdc441-2d\">Setup a Full Screen Container<\/h2>\n\n\n\n<p>Now that we have our page setup, we need a container that will fill the screen. For this I&#8217;ll be using the Row Layout block in a two column layout. <br>The full screen magic is setting the minimum height to 100vh (viewport height) and the inner column height to 100%. I&#8217;ll also clear any default padding\/margin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/setup-row-layout-1024x572.jpg\" alt=\"\" class=\"wp-image-10318\" style=\"width:700px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/setup-row-layout-1024x572.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/setup-row-layout-300x167.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/setup-row-layout-768x429.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/setup-row-layout-1536x858.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/setup-row-layout-360x201.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/setup-row-layout.jpg 1621w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setting a background background color will ensure I cover up any background from the theme. It&#8217;ll also be important to set the inner sections vertical alignment to center.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/setup-sections-1024x572.jpg\" alt=\"\" class=\"wp-image-10319\" style=\"width:700px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/setup-sections-1024x572.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/setup-sections-300x167.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/setup-sections-768x429.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/setup-sections-1536x858.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/setup-sections-360x201.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/setup-sections.jpg 1621w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading10312_5e3354-e2, .wp-block-kadence-advancedheading.kt-adv-heading10312_5e3354-e2[data-kb-block=\"kb-adv-heading10312_5e3354-e2\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading10312_5e3354-e2 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading10312_5e3354-e2[data-kb-block=\"kb-adv-heading10312_5e3354-e2\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading10312_5e3354-e2 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading10312_5e3354-e2[data-kb-block=\"kb-adv-heading10312_5e3354-e2\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"add-content\" class=\"kt-adv-heading10312_5e3354-e2 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading10312_5e3354-e2\">Add Content<\/h2>\n\n\n\n<p>Now I can do whatever I want within the row layout for content. Just have to make sure not to put in more content than will fit in a screen.<br>For this design I&#8217;m going to add a big image of my upcoming product as a covering background on the inner section on the left. Then I&#8217;ll add some text and a Kadence Advanced Form block on the right to ask for signups so they can get a notification when the product drops.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/page-content-desktop-1024x572.jpg\" alt=\"\" class=\"wp-image-10315\" style=\"width:700px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/page-content-desktop-1024x572.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/page-content-desktop-300x167.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/page-content-desktop-768x429.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/page-content-desktop-1536x858.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/page-content-desktop-360x201.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/page-content-desktop.jpg 1621w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Checking on mobile, the sections stack vertically by default which is great. I added some spacing to the image section so it doesn&#8217;t collapse completely since it&#8217;s technically a background image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/page-content-mobile-1024x572.jpg\" alt=\"\" class=\"wp-image-10316\" style=\"width:700px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/page-content-mobile-1024x572.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/page-content-mobile-300x167.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/page-content-mobile-768x429.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/page-content-mobile-1536x858.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/page-content-mobile-360x201.jpg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/page-content-mobile.jpg 1621w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading10312_f79b01-ea, .wp-block-kadence-advancedheading.kt-adv-heading10312_f79b01-ea[data-kb-block=\"kb-adv-heading10312_f79b01-ea\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading10312_f79b01-ea mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading10312_f79b01-ea[data-kb-block=\"kb-adv-heading10312_f79b01-ea\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading10312_f79b01-ea img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading10312_f79b01-ea[data-kb-block=\"kb-adv-heading10312_f79b01-ea\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading10312_f79b01-ea wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading10312_f79b01-ea\">Conclusion<\/h2>\n\n\n<style>.kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col{display:flex;}.kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col,.kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-md, 2rem);}.kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col{flex-direction:row;flex-wrap:wrap;align-items:center;}.kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col > *, .kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col > figure.wp-block-image, .kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col > figure.wp-block-kadence-image{margin-top:0px;margin-bottom:0px;}.kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col > .kb-image-is-ratio-size{flex-grow:1;}.kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column10312_b6e8f9-e2{position:relative;}@media all and (max-width: 1024px){.kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col{flex-direction:row;flex-wrap:wrap;align-items:center;}}@media all and (min-width: 768px) and (max-width: 1024px){.kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col > *, .kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col > figure.wp-block-image, .kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col > figure.wp-block-kadence-image{margin-top:0px;margin-bottom:0px;}.kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col > .kb-image-is-ratio-size{flex-grow:1;}}@media all and (max-width: 767px){.kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;}.kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col > *, .kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col > figure.wp-block-image, .kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col > figure.wp-block-kadence-image{margin-top:0px;margin-bottom:0px;}.kadence-column10312_b6e8f9-e2 > .kt-inside-inner-col > .kb-image-is-ratio-size{flex-grow:1;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column10312_b6e8f9-e2 kb-section-dir-horizontal\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"389\" height=\"824\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/finished-page-mobile.jpg\" alt=\"\" class=\"wp-image-10314\" style=\"width:200px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/finished-page-mobile.jpg 389w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/finished-page-mobile-142x300.jpg 142w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/finished-page-mobile-242x512.jpg 242w\" sizes=\"auto, (max-width: 389px) 100vw, 389px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/finished-page-desktop-1024x572.jpg\" alt=\"\" class=\"wp-image-10313\" style=\"width:500px\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/finished-page-desktop-1024x572.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/finished-page-desktop-300x167.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/finished-page-desktop-768x429.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/finished-page-desktop-1536x858.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/finished-page-desktop-2048x1143.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2024\/11\/finished-page-desktop-360x201.jpg 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<p>A compelling fullscreen landing page made quick and easy with Kadence Theme and Kadence Blocks.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is a Full-Screen Landing Page A full-screen landing page fills the entire browser view, delivering your main message or call-to-action (CTA) without distractions. There\u2019s no scrolling, no below-the-fold content\u2014just one powerful screen that every visitor sees.These pages work especially well for: We actually use this technique for our templates in Kadence Theme Kit Pro&#8217;s&#8230;<\/p>\n","protected":false},"author":151507,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[417],"doc_tag":[],"knowledge_base":[7,6],"class_list":["post-10312","docs","type-docs","status-publish","hentry","doc_category-block-tutorials","knowledge_base-kadence-blocks","knowledge_base-kadence-theme"],"year_month":"2026-04","word_count":450,"total_views":"4058","reactions":{"happy":"0","normal":"2","sad":"1"},"author_info":{"display_name":"markwoodard","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/markwoodard\/"},"doc_category_info":[{"term_name":"Block Tutorials","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/block-tutorials\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Blocks","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/","term_slug":"kadence-blocks"},{"term_name":"Kadence Theme","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/","term_slug":"kadence-theme"}],"knowledge_base_slug":["kadence-blocks","kadence-theme"],"taxonomy_info":{"doc_category":[{"value":417,"label":"Block Tutorials"}],"knowledge_base":[{"value":7,"label":"Kadence Blocks"},{"value":6,"label":"Kadence Theme"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/10312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/151507"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=10312"}],"version-history":[{"count":4,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/10312\/revisions"}],"predecessor-version":[{"id":10844,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/10312\/revisions\/10844"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=10312"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=10312"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=10312"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=10312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}