{"id":3509,"date":"2020-06-02T09:02:32","date_gmt":"2020-06-02T09:02:32","guid":{"rendered":"https:\/\/alecs40.sg-host.com\/?page_id=3509"},"modified":"2020-06-02T13:42:05","modified_gmt":"2020-06-02T13:42:05","slug":"zzz-layout-vertical-navigation-1","status":"publish","type":"page","link":"https:\/\/wireframe.adaforweb.com\/en_gb\/layouts\/zzz-layout-vertical-navigation-1\/","title":{"rendered":"\u2014 ZZZ \u2013 Layout | Vertical Navigation 1"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3509\" class=\"elementor elementor-3509\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d186fe1 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"d186fe1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dab4154\" data-id=\"dab4154\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ae86594 elementor-widget elementor-widget-heading\" data-id=\"ae86594\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Vertical Nav 1<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73ceb00 elementor-share-buttons--color-custom elementor-share-buttons--view-icon elementor-share-buttons--skin-framed elementor-share-buttons--shape-square elementor-grid-0 elementor-widget elementor-widget-share-buttons\" data-id=\"73ceb00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"share-buttons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t\t<div class=\"elementor-share-btn elementor-share-btn_facebook\" role=\"button\" tabindex=\"0\" aria-label=\"Share on facebook\" data-no-translation-aria-label=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__icon\">\n\t\t\t\t\t\t\t\t<i class=\"fab fa-facebook\" aria-hidden=\"true\"><\/i>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t\t<div class=\"elementor-share-btn elementor-share-btn_linkedin\" role=\"button\" tabindex=\"0\" aria-label=\"Share on linkedin\" data-no-translation-aria-label=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__icon\">\n\t\t\t\t\t\t\t\t<i class=\"fab fa-linkedin\" aria-hidden=\"true\"><\/i>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54f0708 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"54f0708\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-50e442c\" data-id=\"50e442c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-a67ccf4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a67ccf4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-73529d0\" data-id=\"73529d0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-8ff7ceb\" data-id=\"8ff7ceb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d68bba5 elementor-widget elementor-widget-heading\" data-id=\"d68bba5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Textum<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-701d145\" data-id=\"701d145\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-a65b500 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a65b500\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-f5cb724\" data-id=\"f5cb724\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f799f94 elementor-widget elementor-widget-text-editor\" data-id=\"f799f94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Metus assumenda eiusmod ullamcorper mauris pellentesque itaque occaecati, nulla malesuada minima dicta consequatur ad! Conubia? Pretium mollis, corporis, tristique erat, ut! Elementum dignissimos illum omnis culpa, accusantium, condimentum, malesuada morbi.<\/p><p>Sem expedita dignissimos veritatis aenean erat bibendum metus, turpis feugiat parturient do? Atque numquam irure, itaque pretium nostrum! Doloribus mollis quibusdam sodales egestas? Rutrum harum enim iure occaecati, alias consectetur.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-1cd09c3\" data-id=\"1cd09c3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f819922 elementor-widget elementor-widget-text-editor\" data-id=\"f819922\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Distinctio volutpat in at modi, numquam metus vel malesuada minus recusandae eligendi, minus ipsam dicta facere? Nostrum morbi quisquam, hic quaerat? Aute? Fames nemo quo! Nunc, scelerisque auctor felis deserunt.<\/p><p>Nobis convallis ea etiam eiusmod consectetur facilisis quam semper semper commodi ullamco, iure fermentum, necessitatibus. In morbi inceptos magnam dignissim maxime facilisis platea quo adipisci viverra, nulla accumsan adipisicing repellat.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-aed20a9\" data-id=\"aed20a9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8c37b9b elementor-widget elementor-widget-text-editor\" data-id=\"8c37b9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Quia dicta, qui parturient ipsam occaecati lobortis aliquam, lacus. Ea laboris nostra! Sodales integer, hic nisi fugiat dolor inventore nam, suspendisse, quas quam laudantium omnis! Habitasse! Gravida earum! Nunc! Aptent.<\/p><p>Convallis iusto placerat aspernatur culpa architecto eleifend vehicula sed nisi. Tenetur hic iaculis veritatis cum taciti varius quos ratione quia beatae debitis doloribus duis culpa luctus, cupiditate reprehenderit mauris repellendus.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-cde275d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cde275d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-f9a9d37\" data-id=\"f9a9d37\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-c7d443e\" data-id=\"c7d443e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9aa1e14 elementor-align-center elementor-mobile-align-justify elementor-widget elementor-widget-button\" data-id=\"9aa1e14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-float\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ipsum<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-cc2a2d2\" data-id=\"cc2a2d2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4b4df3a elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"4b4df3a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-021f783\" data-id=\"021f783\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b06adbf elementor-widget elementor-widget-heading\" data-id=\"b06adbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Consequat semper maxime aperiam?<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d141ccc\" data-id=\"d141ccc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b20e39a elementor-align-center elementor-mobile-align-justify elementor-widget elementor-widget-button\" data-id=\"b20e39a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-float\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ipsum<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b0475de elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b0475de\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3cc276f\" data-id=\"3cc276f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7d25b9e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7d25b9e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-b9f7abf\" data-id=\"b9f7abf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8f80c09 elementor-widget elementor-widget-heading\" data-id=\"8f80c09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Documentation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9fe831 elementor-widget elementor-widget-toggle\" data-id=\"b9fe831\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"toggle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1951\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-1951\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Video<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-1951\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-1951\"><p>Check the video for this feature <a href=\"https:\/\/go.kay.red\/vertical-nav-01\" target=\"_blank\" rel=\"noopener\">by clicking here<\/a>.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1952\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-1952\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Instructions<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-1952\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-1952\"><p>In this demo, <strong>only this page<\/strong> shows the vertical navigation for the <em>Page Single<\/em> template.<\/p><p><strong>If you want the vertical navigation to be available on the whole website<\/strong>, follow the following steps:<\/p><ul><li>in Wp Admin &gt; Templates &gt; Theme Builder open edit <em>Page Template Single Vertical 01<\/em>\u00a0with Elementor Pro<\/li><li>in the edit window, bottom left of the window, click on the little arrow to the right of the update button, and click on <em>Display Conditions<\/em><\/li><li>then in the popup that opens, choose <em>All singular<\/em> or any other option that suits you -&gt; you can also add several conditions<\/li><li>once you&#8217;re done just click the <em>Save &amp; Close<\/em> button<\/li><\/ul><p><strong>To edit the vertical navigation (desktop only)<\/strong>:\u00a0<\/p><ul><li>in Wp Admin &gt; Templates &gt; Theme Builder open edit <em>Page Template Single Vertical 01<\/em>\u00a0with Elementor Pro<\/li><li>in the edit window, make your changes<\/li><li>update<\/li><\/ul><p><strong>To edit the navigation for tablet &amp; mobile<\/strong>:<\/p><ul><li>the tablet &amp; mobile modes use the regular header template that can be edited at Wp Admin &gt; Templates &gt; Theme Builder &gt; Header &gt; <em>Header-01<\/em><\/li><li>edit with Elementor Pro<\/li><li>in the edit window, make your changes<\/li><li>update<\/li><\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1953\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-1953\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-caret-right\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-caret-up\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Css code<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-1953\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-1953\"><p>Some css code has been added in order to:<\/p><ul><li>hide the website standard top header in desktop mode<\/li><li>enable the fixed left column feature in desktop mode<\/li><li>set the right column left margin in desktop mode<\/li><li>set the footer left margin in desktop mode<\/li><\/ul><p>You will find this code by editing the template:<\/p><ul><li>in Wp Admin &gt; Templates &gt; Theme Builder open edit <em>Page Template Single Vertical 01<\/em>\u00a0with Elementor Pro<\/li><li>then once you&#8217;re inside the editor, click on the gear icon (bottom left of the editor window)<\/li><li>then click on the advanced tab, the css code is there<\/li><\/ul><p>The code is commented, so make sure to read the comments, and change the values accordingly if you change the width of the left column with the Elementor Pro editor.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Vertical Nav 1 Share on facebook Share on google Share on linkedin Textum Metus assumenda eiusmod ullamcorper mauris pellentesque itaque occaecati, nulla malesuada minima dicta consequatur ad! Conubia? Pretium mollis, corporis, tristique erat, ut! Elementum dignissimos illum omnis culpa, accusantium, condimentum, malesuada morbi. Sem expedita dignissimos veritatis aenean erat bibendum metus, turpis feugiat parturient do? [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":953,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3509","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u2014 ZZZ \u2013 Layout | Vertical Navigation 1 - Wireframe the Web<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u2014 ZZZ \u2013 Layout | Vertical Navigation 1 - Wireframe the Web\" \/>\n<meta property=\"og:description\" content=\"Vertical Nav 1 Share on facebook Share on google Share on linkedin Textum Metus assumenda eiusmod ullamcorper mauris pellentesque itaque occaecati, nulla malesuada minima dicta consequatur ad! Conubia? Pretium mollis, corporis, tristique erat, ut! Elementum dignissimos illum omnis culpa, accusantium, condimentum, malesuada morbi. Sem expedita dignissimos veritatis aenean erat bibendum metus, turpis feugiat parturient do? [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wireframe.adaforweb.com\/en_gb\/layouts\/zzz-layout-vertical-navigation-1\/\" \/>\n<meta property=\"og:site_name\" content=\"Wireframe the Web\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-02T13:42:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wireframe.adaforweb.com\\\/layouts\\\/zzz-layout-vertical-navigation-1\\\/\",\"url\":\"https:\\\/\\\/wireframe.adaforweb.com\\\/layouts\\\/zzz-layout-vertical-navigation-1\\\/\",\"name\":\"\u2014 ZZZ \u2013 Layout | Vertical Navigation 1 - Wireframe the Web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wireframe.adaforweb.com\\\/#website\"},\"datePublished\":\"2020-06-02T09:02:32+00:00\",\"dateModified\":\"2020-06-02T13:42:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wireframe.adaforweb.com\\\/layouts\\\/zzz-layout-vertical-navigation-1\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wireframe.adaforweb.com\\\/layouts\\\/zzz-layout-vertical-navigation-1\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wireframe.adaforweb.com\\\/layouts\\\/zzz-layout-vertical-navigation-1\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wireframe.adaforweb.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ZZZ &#8211; Layouts\",\"item\":\"https:\\\/\\\/wireframe.adaforweb.com\\\/layouts\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u2014 ZZZ \u2013 Layout | Vertical Navigation 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wireframe.adaforweb.com\\\/#website\",\"url\":\"https:\\\/\\\/wireframe.adaforweb.com\\\/\",\"name\":\"Wireframe the Web\",\"description\":\"ADA for Websites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wireframe.adaforweb.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u2014 ZZZ \u2013 Layout | Vertical Navigation 1 - Wireframe the Web","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_GB","og_type":"article","og_title":"\u2014 ZZZ \u2013 Layout | Vertical Navigation 1 - Wireframe the Web","og_description":"Vertical Nav 1 Share on facebook Share on google Share on linkedin Textum Metus assumenda eiusmod ullamcorper mauris pellentesque itaque occaecati, nulla malesuada minima dicta consequatur ad! Conubia? Pretium mollis, corporis, tristique erat, ut! Elementum dignissimos illum omnis culpa, accusantium, condimentum, malesuada morbi. Sem expedita dignissimos veritatis aenean erat bibendum metus, turpis feugiat parturient do? [&hellip;]","og_url":"https:\/\/wireframe.adaforweb.com\/en_gb\/layouts\/zzz-layout-vertical-navigation-1\/","og_site_name":"Wireframe the Web","article_modified_time":"2020-06-02T13:42:05+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wireframe.adaforweb.com\/layouts\/zzz-layout-vertical-navigation-1\/","url":"https:\/\/wireframe.adaforweb.com\/layouts\/zzz-layout-vertical-navigation-1\/","name":"\u2014 ZZZ \u2013 Layout | Vertical Navigation 1 - Wireframe the Web","isPartOf":{"@id":"https:\/\/wireframe.adaforweb.com\/#website"},"datePublished":"2020-06-02T09:02:32+00:00","dateModified":"2020-06-02T13:42:05+00:00","breadcrumb":{"@id":"https:\/\/wireframe.adaforweb.com\/layouts\/zzz-layout-vertical-navigation-1\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wireframe.adaforweb.com\/layouts\/zzz-layout-vertical-navigation-1\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wireframe.adaforweb.com\/layouts\/zzz-layout-vertical-navigation-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wireframe.adaforweb.com\/"},{"@type":"ListItem","position":2,"name":"ZZZ &#8211; Layouts","item":"https:\/\/wireframe.adaforweb.com\/layouts\/"},{"@type":"ListItem","position":3,"name":"\u2014 ZZZ \u2013 Layout | Vertical Navigation 1"}]},{"@type":"WebSite","@id":"https:\/\/wireframe.adaforweb.com\/#website","url":"https:\/\/wireframe.adaforweb.com\/","name":"Wireframe the Web","description":"ADA for Websites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wireframe.adaforweb.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/wireframe.adaforweb.com\/en_gb\/wp-json\/wp\/v2\/pages\/3509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wireframe.adaforweb.com\/en_gb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wireframe.adaforweb.com\/en_gb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wireframe.adaforweb.com\/en_gb\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/wireframe.adaforweb.com\/en_gb\/wp-json\/wp\/v2\/comments?post=3509"}],"version-history":[{"count":0,"href":"https:\/\/wireframe.adaforweb.com\/en_gb\/wp-json\/wp\/v2\/pages\/3509\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/wireframe.adaforweb.com\/en_gb\/wp-json\/wp\/v2\/pages\/953"}],"wp:attachment":[{"href":"https:\/\/wireframe.adaforweb.com\/en_gb\/wp-json\/wp\/v2\/media?parent=3509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}