{"id":413,"date":"2019-01-30T11:33:26","date_gmt":"2019-01-30T11:33:26","guid":{"rendered":"https:\/\/exponentwptheme.com\/documentation\/?page_id=413"},"modified":"2019-01-31T05:49:46","modified_gmt":"2019-01-31T05:49:46","slug":"set-up-single-page-site","status":"publish","type":"page","link":"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/set-up-single-page-site\/","title":{"rendered":"Set up Single Page Site"},"content":{"rendered":"<div  class=\"tatsu-fzppijesbnb2k1eg tatsu-section    tatsu-clearfix\" data-title=\"\"  data-headerscheme=\"background--dark\"><div class='tatsu-section-pad clearfix' data-padding='{\"d\":\"90px 0px 90px 0px\"}' data-padding-top='90px'><div class=\"tatsu-row-wrap  tatsu-wrap tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols  tatsu-clearfix tatsu-fzppijeshozx8iv\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzppijesnsdbd8ic\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-sidebar tatsu-fzppijespy531bog   \" data-animation=\"fadeIn\"   ><div class=\"widget_nav_menu widget\"><h6>Related Articles<\/h6><div class=\"menu-others-container\"><ul id=\"menu-others\" class=\"menu\"><li id=\"menu-item-402\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-402\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/site-performance\/\" title=\"Site Performance\">Site Performance<\/a><\/li>\n<li id=\"menu-item-400\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-400\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/multi-language-support\/\" title=\"Multi Language Support\">Multi Language Support<\/a><\/li>\n<li id=\"menu-item-401\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-401\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/site-translation\/\" title=\"Site Translation\">Site Translation<\/a><\/li>\n<li id=\"menu-item-415\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-415\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/set-up-single-page-site\/\" title=\"Set up Single Page Site\">Set up Single Page Site<\/a><\/li>\n<li id=\"menu-item-398\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-398\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/update-theme\/\" title=\"Update Theme\">Update Theme<\/a><\/li>\n<li id=\"menu-item-399\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-399\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/update-plugins\/\" title=\"Update Plugins\">Update Plugins<\/a><\/li>\n<li id=\"menu-item-465\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-465\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/change-log\/\" title=\"Change Log\">Change Log<\/a><\/li>\n<li id=\"menu-item-436\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-436\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/typehub\/\" title=\"Typehub\">Typehub<\/a><\/li>\n<li id=\"menu-item-435\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-435\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/colorhub\/\" title=\"Colorhub\">Colorhub<\/a><\/li>\n<\/ul><\/div><\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzppijesnsdbd8ic.tatsu-column{width: 25%;}.tatsu-fzppijesnsdbd8ic.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzppijesnsdbd8ic > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzppijesnsdbd8ic > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzppijesnsdbd8ic > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzppijesnsdbd8ic > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzppijesnsdbd8ic.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzppijesnsdbd8ic.tatsu-column{width: 25%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzppijesnsdbd8ic.tatsu-column{width: 25%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzppijesnsdbd8ic.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-three-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzppijf1czd0h9lw\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzppijf1fqf49gp5   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzppijf1fqf49gp5 .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzppijf1fqf49gp5.tatsu-inline-text{margin: 0px 0px 0px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzppijf1fqf49gp5 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p><a href=\"..\/\" target=\"_self\"><span class=\"palette-0 tatsu-inline-link-style2 h9\">CATEGORY &#8211; OTHERS<\/span><\/a><\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzppijf28r4wsjt2   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzppijf28r4wsjt2 .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-fzppijf28r4wsjt2 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h3>Set up Single Page Site<\/h3>\n<p>A Single Page Site, is a page built using the theme in which you can have navigation links that target to the sections within the same page. We have created Single Page Site in some of our following demo sites &ndash;&nbsp;<\/p>\n<ul>\n<li><a href=\"..\/..\/..\/saas\/\" target=\"_self\">SAAS<\/a><\/li>\n<li><a href=\"..\/..\/..\/product\/\" target=\"_self\">Product<\/a><\/li>\n<li><a href=\"..\/..\/..\/mobile-app\/\" target=\"_self\">Mobile App&nbsp;<\/a><\/li>\n<li><a href=\"..\/..\/..\/seo\/\" target=\"_self\">SEO<\/a><\/li>\n<li><a href=\"..\/..\/..\/hosting\/\" target=\"_self\">Hosting<\/a><\/li>\n<\/ul>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzppijf3fkbcu49y   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzppijf3fkbcu49y .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzppijf3fkbcu49y.tatsu-inline-text{margin: 0px 0px 15px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzppijf3fkbcu49y .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Step 1 &#8211;&nbsp;<\/h5>\n<p>Navigate to PAGES &gt; ADD NEW , give the page a title and publish it. Incase of an existing page, just edit it in the backend.<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-fzppijf4tn6skfai  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 1231px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 33.712428919578%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"single-page-step-1\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/single-page-step-1.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-fzppijf4tn6skfai{margin: 0px 0px 30px 0px;}.tatsu-fzppijf4tn6skfai .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 75%;}.tatsu-fzppijf4tn6skfai.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzppijf5r77ro9rz   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzppijf5r77ro9rz .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzppijf5r77ro9rz.tatsu-inline-text{margin: 0px 0px 15px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzppijf5r77ro9rz .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Step 2 &#8211;&nbsp;<\/h5>\n<p>Build the page using the Tatsu and Assign a unique ID to each section in its Settings Panel.<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-fzppijf730cqlnvr  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 679px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 83.79970544919%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"single-page-step-3\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/single-page-step-3.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-fzppijf730cqlnvr{margin: 0px 0px 30px 0px;}.tatsu-fzppijf730cqlnvr .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 75%;}.tatsu-fzppijf730cqlnvr.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzppijf84pdg5ynh   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzppijf84pdg5ynh .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzppijf84pdg5ynh.tatsu-inline-text{margin: 0px 0px 15px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzppijf84pdg5ynh .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Step 3 &#8211;<\/h5>\n<p>Enable Single Page Version in the Page&rsquo;s Meta box settings.<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-fzppijf9lc22wwfe  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 588px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 78.401360544218%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"single-page-step-2\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/single-page-step-2.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-fzppijf9lc22wwfe{margin: 0px 0px 30px 0px;}.tatsu-fzppijf9lc22wwfe .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 75%;}.tatsu-fzppijf9lc22wwfe.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzppijfabrbgspib   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzppijfabrbgspib .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzppijfabrbgspib.tatsu-inline-text{margin: 0px 0px 15px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzppijfabrbgspib .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Step 4 &#8211;<\/h5>\n<p>To create the menu and add the Section Targets, navigate to APPEARANCES &gt; MENUS, you need to assign the links in the format http:\/\/www.yourwebsite.com\/#SECTION_ID . These links will then smooth scroll to its respective section.<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-fzppijfbil1ngo8a  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 1022px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 41.487279843444%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"single-page-step-4\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/single-page-step-4.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-fzppijfbil1ngo8a{margin: 0px 0px 30px 0px;}.tatsu-fzppijfbil1ngo8a .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 75%;}.tatsu-fzppijfbil1ngo8a.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzppijf1czd0h9lw.tatsu-column{width: 75%;}.tatsu-fzppijf1czd0h9lw.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad{padding: 0px 0px 0px 40px;}.tatsu-fzppijf1czd0h9lw.tatsu-column > .tatsu-column-inner{border-width: 0px 0px 0px 1px;border-color: rgba(237,237,237,1); }.tatsu-fzppijf1czd0h9lw.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzppijf1czd0h9lw > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzppijf1czd0h9lw > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzppijf1czd0h9lw > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzppijf1czd0h9lw > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzppijf1czd0h9lw.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzppijf1czd0h9lw.tatsu-column{width: 75%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzppijf1czd0h9lw.tatsu-column{width: 75%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzppijf1czd0h9lw.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background\" ><\/div><\/div><style>.tatsu-fzppijesbnb2k1eg .tatsu-section-pad{padding: 90px 0px 90px 0px;}.tatsu-fzppijesbnb2k1eg > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzppijesbnb2k1eg > .tatsu-top-divider{z-index: 9999;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"<div><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/set-up-single-page-site\/\" class=\"exp-read-more exp-read-more-underlined\">Read More<\/a><\/div>\n","protected":false},"author":2,"featured_media":0,"parent":391,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-413","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=413"}],"version-history":[{"count":0,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/413\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/391"}],"wp:attachment":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}