{"id":857,"date":"2017-04-27T08:58:11","date_gmt":"2017-04-27T08:58:11","guid":{"rendered":"https:\/\/stage.pikarthouse.com\/wp\/ombra-documentation\/?page_id=857"},"modified":"2018-05-28T06:12:56","modified_gmt":"2018-05-28T06:12:56","slug":"layout","status":"publish","type":"page","link":"https:\/\/nels.pikarthouse.com\/documentation\/theme-options\/layout\/","title":{"rendered":"Layout"},"content":{"rendered":"

This section allows you to set up layout settings for your site that will affect its look and general functionality. They appear first in your Theme Options as they\u00a0are able to\u00a0change the feeling while navigating the site.<\/p>\n

You are free to change the type\u00a0<\/strong>of site main navigation or the site width<\/strong>. You can even customize separately the width for site header<\/em> or site footer<\/em>.<\/p>\n

Before starting to present the Layout options themselves, it does worth to visualize how the Site Layout is structured. It helps to better understand the next Theme Options: Header, Content & Footer<\/em>.<\/p><\/div>

\n
\n\n\t
\n\n\t\t
\n\n\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\t
\n\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t

Summary<\/p><\/div>\n

Main navigation<\/a>
\nSite width<\/a>
\nFull-width<\/a><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div>\n

Layout settings are as follows:<\/p>\n

\"\"<\/p>\n\n

\n\n\t
\n\n\t\t
\n\n\t\t\t\n\t\t\t
\n\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t

Main navigation<\/p><\/div>\n

Main navigation\u00a0<\/em>or\u00a0Site Header<\/em>\u00a0is\u00a0the site element which works as user interface item, comprising links to other sections of your\u00a0site.<\/p>\n

Keep in mind<\/span> \u00a0 In the documentation, Site main navigation<\/em> is synonym\u00a0with Site Header<\/em>.<\/p><\/div>\n

    \n
  • Logo Side<\/strong>\u2192 the most used type of main navigation, having the following layout: the logo on left side, the icons on right side and the main menu in the center.<\/li>\n<\/ul>\n

    \"\"<\/p><\/div>\n

      \n
    • Logo Top<\/b>\u2192 it is similar to Classic<\/em> typology, but this time\u00a0<\/strong>the main focus is on the Logo, that stands above the icons and the main menu.<\/li>\n<\/ul>\n

      \"\"<\/p><\/div><\/div>

        \n
      • Logo Center<\/b>\u2192 the centered logo is supported by the main menu\u00a0in left side and the icons on the right side.<\/li>\n<\/ul>\n

        \"\"<\/p><\/div><\/div><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n

        \n\n\t
        \n\n\t\t
        \n\n\t\t\t\n\t\t\t
        \n\n\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t\t\t\t

        Site width<\/p><\/div>\n

        Set the maximum width the site content fits in. Even if you set up a specific value for Site width<\/strong>, it can be changed for specific elements (like Posts<\/em>, Pages<\/em> or Projects<\/em>) by using other options from Theme Options.<\/p>\n

        \"\"<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n

        \n\n\t
        \n\n\t\t
        \n\n\t\t\t\n\t\t\t
        \n\n\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t\t\t\t

        Full width<\/p><\/div>\n

        Decide which site main elements will go on full-width size. You could choose from the following options:<\/p>\n

          \n
        • Site Header (or Site main navigation<\/em>)<\/li>\n
        • Site Footer<\/li>\n<\/ul>\n

          Keep in mind<\/span> \u00a0\u00a0Site Header takes browser window full-width size if its position is set to TOP.<\/em><\/p><\/div>\n

          \"\"<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"

          This section allows you to set up layout settings for your site that will affect its look and general functionality. They appear first in your Theme Options as they\u00a0are able to\u00a0change the feeling while navigating the site. Layout settings are as follows:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":847,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-857","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/comments?post=857"}],"version-history":[{"count":16,"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/857\/revisions"}],"predecessor-version":[{"id":4130,"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/857\/revisions\/4130"}],"up":[{"embeddable":true,"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/847"}],"wp:attachment":[{"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/media?parent=857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}