CINXE.COM

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="google-site-verification" content="oEIXStPkz10e-rS6gJ06ZIfLKa-Qwft7pQSD9u5gPOY" />  <title>How To Set Up a Website Menu │ Tilda Help Center </title> <meta name="description" content="How to add and configure a navigation menu to your website or web page on Tilda website builder" /> <meta property="og:url" content="https://help.tilda.cc/menu" /> <meta property="og:title" content="How To Set Up a Website Menu │ Tilda Help Center " /> <meta property="og:description" content="How to add and configure a navigation menu to your website or web page on Tilda website builder" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild3238-3461-4130-a539-363564313263/____Help.png" /> <link rel="canonical" href="https://help.tilda.cc/menu">  <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://ws.tildacdn.com"> <link rel="dns-prefetch" href="https://static.tildacdn.com"> <link rel="shortcut icon" href="https://static.tildacdn.com/img/tildafavicon.ico" type="image/x-icon" />  <script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/> <link rel="stylesheet" href="https://static.tildacdn.com/ws/project6518/tilda-blocks-page18669.min.css?t=1741774733" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-cards-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-carousel-1.0.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-carousel-1.0.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-zoom-2.0.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-zoom-2.0.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/fonts-tildasans.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script> <script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}} function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t_throttle(fn,threshhold,scope) {return function() {fn.apply(scope||this,arguments);};}function t396_initialScale(t){t=document.getElementById("rec"+t);if(t){t=t.querySelector(".t396__artboard");if(t){var e,r=document.documentElement.clientWidth,a=[];if(i=t.getAttribute("data-artboard-screens"))for(var i=i.split(","),l=0;l<i.length;l++)a[l]=parseInt(i[l],10);else a=[320,480,640,960,1200];for(l=0;l<a.length;l++){var n=a[l];n<=r&&(e=n)}var o="edit"===window.allrecords.getAttribute("data-tilda-mode"),d="center"===t396_getFieldValue(t,"valign",e,a),c="grid"===t396_getFieldValue(t,"upscale",e,a),s=t396_getFieldValue(t,"height_vh",e,a),u=t396_getFieldValue(t,"height",e,a),g=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!o&&d&&!c&&!s&&u&&!g){for(var _=parseFloat((r/e).toFixed(3)),f=[t,t.querySelector(".t396__carrier"),t.querySelector(".t396__filter")],l=0;l<f.length;l++)f[l].style.height=Math.floor(parseInt(u,10)*_)+"px";t396_scaleInitial__getElementsToScale(t).forEach(function(t){t.style.zoom=_})}}}}function t396_scaleInitial__getElementsToScale(t){return t?Array.prototype.slice.call(t.children).filter(function(t){return t&&(t.classList.contains("t396__elem")||t.classList.contains("t396__group"))}):[]}function t396_getFieldValue(t,e,r,a){var i=a[a.length-1],l=r===i?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+r);if(!l)for(var n=0;n<a.length;n++){var o=a[n];if(!(o<=r)&&(l=o===i?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+o)))break}return l}window.onerror=function(m,f,l,c,e) {if(!window.t_jserrors)window.t_jserrors=[];window.t_jserrors.push({message:m,filename:f,lineno:l,colno:c,error:e});}</script> <script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/ws/project6518/tilda-blocks-page18669.min.js?t=1741774733" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-lazyload-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-video-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-video-processor-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-cards-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-slds-1.4.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/bootstrap.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/jquery.touchswipe.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-menu-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zoom-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-skiplink-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>  <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:2424106,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script>  <script src="//static.tildacdn.com/js/tilda-cc-help-langs-dropdown.min.js"></script>  <link rel="alternate" hreflang="en" href="https://help.tilda.cc"> <link rel="alternate" hreflang="pt-br" href="https://pt.help.tilda.cc"> <link rel="alternate" hreflang="fr" href="https://fr.help.tilda.cc"> <link rel="alternate" hreflang="de" href="https://de.help.tilda.cc"> <link rel="alternate" hreflang="it" href="https://it.help.tilda.cc"> <link rel="alternate" hreflang="ja" href="https://ja.help.tilda.cc"> <link rel="alternate" hreflang="pl" href="https://pl.help.tilda.cc"> <link rel="alternate" hreflang="es" href="https://es.help.tilda.cc"> <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script> <script> Weglot.initialize({ api_key: 'wg_371e0d36f0d1c87c9439e1bdc93a6fc18' }); </script><script type="text/javascript">window.dataLayer=window.dataLayer||[];</script> <script type="text/javascript">(function() {if((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent))===false&&typeof(sessionStorage)!='undefined'&&sessionStorage.getItem('visited')!=='y'&&document.visibilityState){var style=document.createElement('style');style.type='text/css';style.innerHTML='@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';document.getElementsByTagName('head')[0].appendChild(style);function t_setvisRecs(){var alr=document.querySelectorAll('.t-records');Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_animated");});setTimeout(function() {Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_visible");});sessionStorage.setItem("visited","y");},400);} document.addEventListener('DOMContentLoaded',t_setvisRecs);}})();</script></head> <body class="t-body" style="margin:0;">  <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="6518" data-tilda-page-id="18669" data-tilda-page-alias="menu" data-tilda-formskey="0bbdd5272d658d3de5798b262a4fe80b" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes">  <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="6518" data-tilda-page-id="47492" data-tilda-formskey="0bbdd5272d658d3de5798b262a4fe80b" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec310544707" class="r t-rec" style=" " data-animationappear="off" data-record-type="131">  <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 ">  <script>window.tilda_help_language='EN';</script> <script src='https://static.tildacdn.com/js/tilda-search-help-1.2.min.js'></script>  </div> </div> </div> </div> <div id="rec49203293" class="r t-rec" style=" " data-animationappear="off" data-record-type="830">   <div id="nav49203293marker"></div> <div id="nav49203293" class="t830" data-menu="yes"> <div class="t830__panel t830__panel_bg t830__panel_hover t830__panel_close" style=""> <div class="t830__menu__content "> <button type="button" class="t830__burger t830__burger_mobile" aria-label="Навигационное меню" aria-expanded="false"> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> </button> <div class="t830__side"> <button type="button" class="t830__burger" aria-label="Навигационное меню" aria-expanded="false" style=""> <span style="background-color:#ffffff;"></span> <span style="background-color:#ffffff;"></span> <span style="background-color:#ffffff;"></span> <span style="background-color:#ffffff;"></span> </button> </div> </div> <div class="t830__panel-text t-descr t-descr_sm" style="">Help Center</div> </div> <div class="t830m__overlay"> <div class="t830m__overlay_bg" style=" "></div> </div> <div class="t830m t830m_bg t830m_close"> <div class="t830m__container"> <button type="button" class="t830m__close-button t830m__close t830m__close_bg t830m_opened" aria-label="Закрыть меню"> <div class="t830m__close_icon t830m__close_icon_none"> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> </div> </button> <div class="t830m__top t830m__top_addwrap t830m__top_padd t830m__top_padd-text"> <div class="t830m__wrap"> <div class="t830__logo__container t830__textlogo__container"> <div class="t830__logo__content"> <a class="t830__logo" href="/"> <div field="descr" class="t830__logo__text t-name t-name_md">Help Center</div> </a> </div> </div> <div class="t830m__menu"> <div class="t830__wrapper t-site-search-input" data-sidemenu-search="yes"> <div class="t830__blockinput t830__blockinput_padding"> <input type="text" class="t830__input t-input" placeholder="Search" data-search-target="all" style=""> <svg role="presentation" class="t830__search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88"> <path fill="#b6b6b6" d="M85 31.1c-.5-8.7-4.4-16.6-10.9-22.3C67.6 3 59.3 0 50.6.6c-8.7.5-16.7 4.4-22.5 11-11.2 12.7-10.7 31.7.6 43.9l-5.3 6.1-2.5-2.2-17.8 20 9 8.1 17.8-20.2-2.1-1.8 5.3-6.1c5.8 4.2 12.6 6.3 19.3 6.3 9 0 18-3.7 24.4-10.9 5.9-6.6 8.8-15 8.2-23.7zM72.4 50.8c-9.7 10.9-26.5 11.9-37.6 2.3-10.9-9.8-11.9-26.6-2.3-37.6 4.7-5.4 11.3-8.5 18.4-8.9h1.6c6.5 0 12.7 2.4 17.6 6.8 5.3 4.7 8.5 11.1 8.9 18.2.5 7-1.9 13.8-6.6 19.2z"/> </svg> </div> </div> <div class="t830m__list"> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Getting started</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/getstarted" data-menu-item-number="1">How Tilda Works</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/page-actions#createpage" data-menu-item-number="2">Create a New Page</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/page-actions#copypage" data-menu-item-number="3">Copy a Page</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/page-actions#transferpage" data-menu-item-number="4">Transfer a Page</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/page-actions#pageorder" data-menu-item-number="5">Rearrange Pages</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Site settings</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/domain" data-menu-item-number="1">Buy a Domain Name</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/customdomain" data-menu-item-number="2">Connect a Domain Name</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/dns" data-menu-item-number="3">Set up DNS</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/customdomain/errors" data-menu-item-number="4">Troubleshooting Custom Domain Errors</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/home-page" data-menu-item-number="5">Home Page</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/header-footer" data-menu-item-number="6">Header and Footer</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/fonts" data-menu-item-number="7">Set Website Fonts</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/export" data-menu-item-number="8">Code Export</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/transfer" data-menu-item-number="9">Project Transfer</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/address" data-menu-item-number="10">Free tilda.ws Subdomain</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/colors" data-menu-item-number="11">Set Color Preferences</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/redirect" data-menu-item-number="12">Create URL Redirects</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/https" data-menu-item-number="13">Set Up HTTPS</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/folders" data-menu-item-number="14">Page Folders</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Page editing</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/menu" data-menu-item-number="1">Add a Navigation Menu</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/anchor" data-menu-item-number="2">Anchors and Internal Links</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/mobile-version" data-menu-item-number="3">Viewing on Mobile Devices</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/html" data-menu-item-number="4">Embed HTML Code</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/google-maps" data-menu-item-number="5">Add Google Maps</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/bilingual" data-menu-item-number="6">Create Multilingual Websites</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/photo-for-publishing" data-menu-item-number="7">Prepare Images for Publishing Online</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/cover" data-menu-item-number="8">Pitch a Cover</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/unbroken-space" data-menu-item-number="9">Non-Breaking Space & Soft Hyphen</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/published" data-menu-item-number="10">Page Publishing</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/callback" data-menu-item-number="11">Add a Feedback Widget</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/metadata" data-menu-item-number="12">Preview on Facebook</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/comments" data-menu-item-number="13">Add a Comment Section</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/instagram" data-menu-item-number="14">Embed Instagram Feed</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/index" data-menu-item-number="15">List of Posts or Index Page</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Online store and payments</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store" data-menu-item-number="1">Online Store and Payments Processing</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/catalog" data-menu-item-number="2">Add Products to an Online Store</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/cart" data-menu-item-number="3">Set Up a Shopping Cart</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/direct-sale" data-menu-item-number="4">Direct Sale of Products</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/payment-systems" data-menu-item-number="5">Assign a Payment System</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store-payments/payment-system/stripe" data-menu-item-number="6">Set up Stripe</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store-payments/payment-system/paypal" data-menu-item-number="7">Set up PayPal</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/payments/2checkout" data-menu-item-number="8">Set Up 2Checkout</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/notifications" data-menu-item-number="9">Send Order Notifications</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/without-payment" data-menu-item-number="10">Sell without an Online Payment System</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/one-product" data-menu-item-number="11">Selling a Single Product</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/parameters" data-menu-item-number="12">Add Product Variants</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/shipping" data-menu-item-number="13">Delivery options</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store-payments/additional-goods" data-menu-item-number="14">Complementary Products</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store-payments/promo-codes" data-menu-item-number="15">Create a Promo Code (Discount)</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Forms</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/settings" data-menu-item-number="1">Set Up Data Capture Forms</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms" data-menu-item-number="2">Data Capture Forms</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/email" data-menu-item-number="3">Email</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/google-sheets" data-menu-item-number="4">Google Sheets</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsmailchimp" data-menu-item-number="5">MailChimp</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsgoogle" data-menu-item-number="6">Google Form</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formssendgrid" data-menu-item-number="7">SendGrid</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formssendinblue" data-menu-item-number="8">SendinBlue</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/selzy" data-menu-item-number="9">Selzy</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsamocrm" data-menu-item-number="10">Kommo</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formspipedrive" data-menu-item-number="11">Pipedrive</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formszohocrm" data-menu-item-number="12">Zoho CRM</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formstrello" data-menu-item-number="13">Trello</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formstelegram" data-menu-item-number="14">Telegram</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsslack" data-menu-item-number="15">Slack</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formszapier" data-menu-item-number="16">Zapier</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsmailerlite" data-menu-item-number="17">MailerLite</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/notion" data-menu-item-number="18">Notion</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/salesforce" data-menu-item-number="19">Salesforce</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formshubspot" data-menu-item-number="20">Hubspot</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formswebhook" data-menu-item-number="21">Webhook</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsscript" data-menu-item-number="22">Custom Scripts</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms-errors" data-menu-item-number="23">Avoid errors in the forms</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/monday" data-menu-item-number="24">Monday.com</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Analytics</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/statistic" data-menu-item-number="1">Track Website Statistics</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/statistic/google-analytics" data-menu-item-number="2">Google Analytics</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/googletagmanager" data-menu-item-number="3">Google Tag Manager</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/statistics-goal" data-menu-item-number="4">Submit Goal Completion Rates</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">SEO</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/search-engine" data-menu-item-number="1">Promote Your Website Online</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Zero Block</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero" data-menu-item-number="1">Create a Custom Block</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/advanced" data-menu-item-number="2">Responsive Design</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/shortcuts" data-menu-item-number="3">Keyboard Shortcuts List</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/animation" data-menu-item-number="4">Animation</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/advanced-animation" data-menu-item-number="5">Step-by-Step Animation</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/figma-import" data-menu-item-number="6">Import from Figma</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Email campaign builder</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/email-campaign-builder" data-menu-item-number="1">Create, Edit, and Send Emails</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Plans and billing</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="https://tilda.cc/pricing/" data-menu-item-number="1">Plans</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription" data-menu-item-number="2">Pricing and Payment</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription#renew" data-menu-item-number="3">Cancel Automatic Subscription Renewal</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription#confirm" data-menu-item-number="4">Payment Confirmation</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription#personaltobusiness" data-menu-item-number="5"> Upgrade to Tilda Business Plan</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription#special" data-menu-item-number="6">Special Plan</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">For developers</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/html" data-menu-item-number="1">Embed HTML Code</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/export" data-menu-item-number="2">Code Export</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formswebhook" data-menu-item-number="3">Webhook</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/api" data-menu-item-number="4">Tilda API</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/wordpress" data-menu-item-number="5">WordPress Plugin</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style>#rec49203293 .t830m{background-color:#ffffff;}#rec49203293 .t830m__close{background-color:#ffffff;}#rec49203293 .t830__panel{background-color:#ff8562;}@media screen and (max-width:1200px){#rec49203293 .t830m.t830m_bg{background-color:#ffffff;}#rec49203293 .t830m__close.t830m__close_bg{background-color:#ffffff;}#rec49203293 .t830__panel.t830__panel_bg{background-color:#ffffff;}}</style> <script>t_onReady(function() {var tildaSearchJS='https://static.tildacdn.com/js/tilda-search-';var s=document.createElement('script');s.src=tildaSearchJS + '1.2.min.js';s.async=true;s.onerror=function() {console.log('Error load Tilda Search in ME901');};if(document.querySelectorAll("script[src^='" + tildaSearchJS + "']").length===0&&document.querySelectorAll("script[src^='" + tildaSearchJS + "']").length===0) {document.head.appendChild(s);}});</script> <script>window.zero_window_width_hook='allrecords';t_onReady(function() {t_onFuncLoad('t830_init',function() {t830_init('49203293');});});</script> <style>#rec49203293 .t-menu__link-item{-webkit-transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;}#rec49203293 .t-menu__link-item.t-active:not(.t978__menu-link){color:#ff8562 !important;}#rec49203293 .t-menu__link-item:not(.t-active):not(.tooltipstered):hover{opacity:0.6 !important;}#rec49203293 .t-menu__link-item:not(.t-active):not(.tooltipstered):focus-visible{opacity:0.6 !important;}@supports (overflow:-webkit-marquee) and (justify-content:inherit){#rec49203293 .t-menu__link-item,#rec49203293 .t-menu__link-item.t-active{opacity:1 !important;}}</style> <style>#rec49203293 .t-menusub__link-item{-webkit-transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;}#rec49203293 .t-menusub__link-item.t-active{color:#ff8562 !important;font-weight:400 !important;}#rec49203293 .t-menusub__link-item:not(.t-active):not(.tooltipstered):hover{opacity:0.6 !important;}@supports (overflow:-webkit-marquee) and (justify-content:inherit){#rec49203293 .t-menusub__link-item,#rec49203293 .t-menusub__link-item.t-active{opacity:1 !important;}}</style> <style> #rec49203293 .t830__panel-text{color:#ffffff;font-weight:300;}#rec49203293 .t830__logo__text{color:#000000;font-weight:400;}#rec49203293 .t830m__list-title-text{color:#000000;font-weight:500;text-transform:uppercase;}#rec49203293 a.t830m__list-title-link{color:#000000;font-weight:500;text-transform:uppercase;}#rec49203293 a.t-menusub__link-item{font-size:15px;color:#000000;font-weight:400;}</style> <style> #rec49203293 .t830__logo{color:#000000;font-weight:400;}</style> </div> </header>  <div id="rec2090122" class="r t-rec t-rec_pt_120 t-rec_pb_15" style="padding-top:120px;padding-bottom:15px;background-color:#f5f5f5; " data-record-type="60" data-bg-color="#f5f5f5">  <div class="t050"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t050__uptitle t-uptitle t-uptitle_sm" field="subtitle"><a href="/">tilda help center</a></div> <h1 class="t050__title t-title t-title_xxl" field="title">How To Set Up a Website Menu</h1> </div> </div> </div> <style> #rec2090122 .t050__uptitle{text-transform:uppercase;}</style> </div> <div id="rec498933953" class="r t-rec t-rec_pt_90 t-rec_pb_90" style="padding-top:90px;padding-bottom:90px;background-color:#f5f5f5; " data-record-type="4" data-bg-color="#f5f5f5">  <div class="t121"> <center> <div class="t-width t-width_10"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="498933953" data-videolazy-type="youtube" data-videolazy-id="3cPoeKgTpHU" data-videolazy-height="540px"> </div> <style>#rec498933953 .t-video-lazyload{height:540px;}</style> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('498933953');});});</script> </div> <div id="rec2090123" class="r t-rec t-rec_pt_135 t-rec_pb_105" style="padding-top:135px;padding-bottom:105px; " data-record-type="127">  <div class="t119"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t119__preface t-descr" field="text">To add a navigation menu to your website, go to the Block Library → Menu and select a menu block to your taste. You can customize the menu in the Content panel of the block.</div> </div> </div> </div> <style> #rec2090123 .t119__preface{opacity:0.7;}</style> </div> <div id="rec38945922" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6239-3833-4164-b961-636162663436/first.gif"> <img class="t-img t-width t107__widthauto" src="https://thb.tildacdn.com/tild6239-3833-4164-b961-636162663436/-/empty/first.gif" data-original="https://static.tildacdn.com/tild6239-3833-4164-b961-636162663436/first.gif" imgfield="img" alt=""> </div> </div> </div> <div id="rec38945948" class="r t-rec t-rec_pt_45 t-rec_pb_90" style="padding-top:45px;padding-bottom:90px; " data-animationappear="off" data-record-type="650">  <div class="t650"> <div class="t650__container t-card__container t-container" data-columns-in-row="3"> <div class="t-card__col t-col t-col_4 t-align_left"> <div class="t650__inner-col" style="background-color:#ffffff;"> <div class="t650__text"> <div class="t-card__title t-name t-name_lg" field="li_title__1489140981614"> <a href="#items" class="t-card__link" id="cardtitle1_38945948" aria-labelledby="cardtitle1_38945948 cardbtn1_38945948"> <span style="font-weight: 400;">How to add menu items and links</span> </a> </div> </div> <div class="t650__btn-container"> <div class="t-card__btntext-wrapper"> <div class="t-card__btn-text t-btntext t-btntext_sm " id="cardbtn1_38945948" data-field="li_buttontitle__1489140981614" style="color:#ff8562;font-weight:400;" aria-hidden="true" data-buttonfieldset="li_button" data-lid="1489140981614"> Read </div> </div> </div> </div> </div> <div class="t-card__col t-col t-col_4 t-align_left"> <div class="t650__inner-col" style="background-color:#ffffff;"> <div class="t650__text"> <div class="t-card__title t-name t-name_lg" field="li_title__1489140989639"> <a href="#all-pages" class="t-card__link" id="cardtitle2_38945948" aria-labelledby="cardtitle2_38945948 cardbtn2_38945948"> <span style="font-weight: 400;">How to create a menu for all pages</span> </a> </div> </div> <div class="t650__btn-container"> <div class="t-card__btntext-wrapper"> <div class="t-card__btn-text t-btntext t-btntext_sm " id="cardbtn2_38945948" data-field="li_buttontitle__1489140989639" style="color:#ff8562;font-weight:400;" aria-hidden="true" data-buttonfieldset="li_button" data-lid="1489140989639"> Read </div> </div> </div> </div> </div> <div class="t-card__col t-col t-col_4 t-align_left"> <div class="t650__inner-col" style="background-color:#ffffff;"> <div class="t650__text"> <div class="t-card__title t-name t-name_lg" field="li_title__1489140994564"> <a href="#page" class="t-card__link" id="cardtitle3_38945948" aria-labelledby="cardtitle3_38945948 cardbtn3_38945948"> <span style="font-weight: 400;">How to navigate within one page using a menu</span> </a> </div> </div> <div class="t650__btn-container"> <div class="t-card__btntext-wrapper"> <div class="t-card__btn-text t-btntext t-btntext_sm " id="cardbtn3_38945948" data-field="li_buttontitle__1489140994564" style="color:#ff8562;font-weight:400;" aria-hidden="true" data-buttonfieldset="li_button" data-lid="1489140994564"> Read </div> </div> </div> </div> </div> <div class="t650__separator" style=""></div> <div class="t-card__col t-col t-col_4 t-align_left"> <div class="t650__inner-col" style="background-color:#ffffff;"> <div class="t650__text"> <div class="t-card__title t-name t-name_lg" field="li_title__1503584593415"> <a href="#two" class="t-card__link" id="cardtitle4_38945948" aria-labelledby="cardtitle4_38945948 cardbtn4_38945948"> <span style="font-weight: 400;">How to make a menu for a multilingual website</span> </a> </div> </div> <div class="t650__btn-container"> <div class="t-card__btntext-wrapper"> <div class="t-card__btn-text t-btntext t-btntext_sm " id="cardbtn4_38945948" data-field="li_buttontitle__1503584593415" style="color:#ff8562;font-weight:400;" aria-hidden="true" data-buttonfieldset="li_button" data-lid="1503584593415"> Read </div> </div> </div> </div> </div> <div class="t-card__col t-col t-col_4 t-align_left"> <div class="t650__inner-col" style="background-color:#ffffff;"> <div class="t650__text"> <div class="t-card__title t-name t-name_lg" field="li_title__1503584628419"> <a href="#two-levels" class="t-card__link" id="cardtitle5_38945948" aria-labelledby="cardtitle5_38945948 cardbtn5_38945948"> <span style="font-weight: 400;">How to make a second-level menu</span> </a> </div> </div> <div class="t650__btn-container"> <div class="t-card__btntext-wrapper"> <div class="t-card__btn-text t-btntext t-btntext_sm " id="cardbtn5_38945948" data-field="li_buttontitle__1503584628419" style="color:#ff8562;font-weight:400;" aria-hidden="true" data-buttonfieldset="li_button" data-lid="1503584628419"> Read </div> </div> </div> </div> </div> <div class="t-card__col t-col t-col_4 t-align_left"> <div class="t650__inner-col" style="background-color:#ffffff;"> <div class="t650__text"> <div class="t-card__title t-name t-name_lg" field="li_title__1702402217259"> <a href="#zero" class="t-card__link" id="cardtitle6_38945948" aria-labelledby="cardtitle6_38945948 cardbtn6_38945948"> <span style="font-weight: 400;">How to make a menu in Zero Block</span> </a> </div> </div> <div class="t650__btn-container"> <div class="t-card__btntext-wrapper"> <div class="t-card__btn-text t-btntext t-btntext_sm " id="cardbtn6_38945948" data-field="li_buttontitle__1702402217259" style="color:#ff8562;font-weight:400;" aria-hidden="true" data-buttonfieldset="li_button" data-lid="1702402217259"> Read </div> </div> </div> </div> </div> <div class="t650__separator" style=""></div> </div> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t650_init',function() {t650_init('38945948');});t_onFuncLoad('t650_unifyHeights',function() {t650_unifyHeights('38945948');});if(typeof jQuery!=='undefined') {$('.t650').on('displayChanged',function() {t650_unifyHeights('38945948');});} else {var rec=document.querySelector('#rec38945948');if(!rec) return;var wrapper=rec.querySelector('.t650');if(wrapper) {wrapper.addEventListener('displayChanged',function() {t_onFuncLoad('t650_unifyHeights',function() {t650_unifyHeights('38945948');});});}}});window.addEventListener('resize',t_throttle(function() {t_onFuncLoad('t650_unifyHeights',function() {t650_unifyHeights('38945948');});}));window.addEventListener('load',function() {t_onFuncLoad('t650_unifyHeights',function() {t650_unifyHeights('38945948');});});</script> <style>#rec38945948 .t650__inner-col {box-shadow:0px 0px 10px rgba(0,0,0,0.1);}</style> <style>#rec38945948 .t650 .t650__inner-col:hover,#rec38945948 .t650 .t-focusable .t650__inner-col,#rec38945948 .t650 .t-card__col_btnfocusable .t650__inner-col {box-shadow:0px 10px 10px rgba(0,0,0,0.1) !important;}</style> <style> #rec38945948 .t650__inner-col{border-radius:5px;}</style> </div> <div id="rec298933683" class="r t-rec t-rec_pt_45 t-rec_pb_15" style="padding-top:45px;padding-bottom:15px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Read this guide to find out more about menu design, how it works, and what it looks like:</div> </div> </div> </div> </div> <div id="rec298934119" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-record-type="374">  <div class="t374"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <a class="t374__link" href="https://help.tilda.cc/design-menu" target="_blank"> <div class="t374__wrapper"> <div class="t374__col t374__col-left"> <svg role="presentation" imgfield="img" width="30px" height="30px" viewBox="0 0 30 30"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g class="t374__svg" transform="translate(1.000000, 1.000000)"> <circle cx="14.2" cy="14.1" r="14.1"></circle> <path d="M12.1,19.9 L17.7,14.3 L12.1,8.7"></path> </g> </g> </svg> </div> <div class="t374__col"> <div class="t374__title t-text t-text_sm" field="title">How to create a website navigation menu<br /></div> </div> </div> </a> </div> </div> </div> </div> <div id="rec298933889" class="r t-rec t-rec_pt_45 t-rec_pb_60" style="padding-top:45px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">This guide covers seven types of the navigation menu, contains how-tos for creating all menu types and tips on where to use each of them.</div> </div> </div> </div> </div> <div id="rec38947101" class="r t-rec" style=" " data-record-type="215"> <a name="items" style="font-size:0;"></a> </div> <div id="rec2090124" class="r t-rec t-rec_pt_60 t-rec_pb_60" style="padding-top:60px;padding-bottom:60px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 1 </div> </div> </div> <div id="rec2090125" class="r t-rec t-rec_pt_30 t-rec_pb_90" style="padding-top:30px;padding-bottom:90px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t017__title t-title t-title_xxs" field="title">How to add menu items and links</div> </div> </div> </div> </div> <div id="rec15618210" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">There are two ways to add menu items.</div> </div> </div> </div> </div> <div id="rec39798335" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="128">  <div class="t120"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t120__title t-heading t-heading_sm" field="title">1. Adding menu items and links manually</div> </div> </div> </div> </div> <div id="rec15618211" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3363-3335-4565-b937-663835383836/Screenshot_2021-08-2.png"> <img class="t-img t-width t107__width t-width_10" src="https://thb.tildacdn.com/tild3363-3335-4565-b937-663835383836/-/empty/Screenshot_2021-08-2.png" data-original="https://static.tildacdn.com/tild3363-3335-4565-b937-663835383836/Screenshot_2021-08-2.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec15618226" class="r t-rec t-rec_pt_60 t-rec_pb_60" style="padding-top:60px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Set a full link to the page, for example: <br /><span style="font-weight: 400;">http://mysite.com/about<br /><br /></span>Or put in a relative link: <br /><span style="font-weight: 400;">/about</span><span style="font-weight: 400;"><br /><br /></span>You can set a page's URL in the Page Settings:</div> </div> </div> </div> </div> <div id="rec15618227" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6230-6464-4761-b065-663965313963/Screenshot_2021-08-2.png"> <img class="t-img t-width t107__width t-width_10" src="https://thb.tildacdn.com/tild6230-6464-4761-b065-663965313963/-/empty/Screenshot_2021-08-2.png" data-original="https://static.tildacdn.com/tild6230-6464-4761-b065-663965313963/Screenshot_2021-08-2.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec15618228" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px; " data-record-type="296">  <div class="t265"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t265__wrapper" style="background: #EBEBEB;"> <div class="t265__icon"> <svg role="img" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"> <circle style="fill:#ff0000;" cx="12.125" cy="12.125" r="12"/> <g> <path style="fill: #fff;" d="M10.922,6.486c0-0.728,0.406-1.091,1.217-1.091s1.215,0.363,1.215,1.091c0,0.347-0.102,0.617-0.304,0.81 c-0.202,0.193-0.507,0.289-0.911,0.289C11.328,7.585,10.922,7.219,10.922,6.486z M13.252,17.792h-2.234V9.604h2.234V17.792z"/> </g> </svg> </div> <div class="t265__text t-descr t-descr_xs" field="text">Do not use the page's internal address that is displayed in the URL bar while you are editing the page:<br /><br />https://tilda.cc/page/?pageid=509765<br /><br />This is because the page won't load for anyone but you. The link in the menu won't work.</div> </div> </div> </div> </div> </div> <div id="rec15618229" class="r t-rec t-rec_pt_0 t-rec_pb_105" style="padding-top:0px;padding-bottom:105px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3865-6538-4533-b961-396333623539/blob.png"> <img class="t-img t-width t107__width t-width_10" src="https://thb.tildacdn.com/tild3865-6538-4533-b961-396333623539/-/empty/blob.png" data-original="https://static.tildacdn.com/tild3865-6538-4533-b961-396333623539/blob.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec38947579" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="128">  <div class="t120"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t120__title t-heading t-heading_sm" field="title">2. Using a helper to add links (URLs)</div> </div> </div> </div> </div> <div id="rec38947580" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Hover the mouse pointer over a menu item. You'll see two options for adding a link: Link to Page and Link to Block.<br /></div> </div> </div> </div> </div> <div id="rec38947581" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3962-3761-4137-b134-313239383861/Screenshot_2024-05-0.png"> <img class="t-img t-width t107__width t-width_10" src="https://thb.tildacdn.com/tild3962-3761-4137-b134-313239383861/-/empty/Screenshot_2024-05-0.png" data-original="https://static.tildacdn.com/tild3962-3761-4137-b134-313239383861/Screenshot_2024-05-0.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec38947583" class="r t-rec t-rec_pt_45 t-rec_pb_15" style="padding-top:45px;padding-bottom:15px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Click on Link to Page to view a list of website pages. Select a page from the list for its URL to be placed automatically.</div> </div> </div> </div> </div> <div id="rec38947584" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6238-3634-4264-b565-653362656237/Screenshot_2024-05-0.png"> <img class="t-img t-width t107__width t-width_10" src="https://thb.tildacdn.com/tild6238-3634-4264-b565-653362656237/-/empty/Screenshot_2024-05-0.png" data-original="https://static.tildacdn.com/tild6238-3634-4264-b565-653362656237/Screenshot_2024-05-0.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec38947585" class="r t-rec t-rec_pt_15 t-rec_pb_45" style="padding-top:15px;padding-bottom:45px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">If you want to add a link to a block on the page, click on Link to Block. You will be taken to the page so you can choose the block you want. Click on the block you want users to be taken to when they click on the menu item. The anchor link will be added automatically.</div> </div> </div> </div> </div> <div id="rec38947586" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3734-6462-4335-b531-646437643936/choose_block.gif"> <img class="t-img t-width t107__widthauto" src="https://thb.tildacdn.com/tild3734-6462-4335-b531-646437643936/-/empty/choose_block.gif" data-original="https://static.tildacdn.com/tild3734-6462-4335-b531-646437643936/choose_block.gif" imgfield="img" alt=""> </div> </div> </div> <div id="rec38947160" class="r t-rec" style=" " data-record-type="215"> <a name="all-pages" style="font-size:0;"></a> </div> <div id="rec2090130" class="r t-rec t-rec_pt_60 t-rec_pb_60" style="padding-top:60px;padding-bottom:60px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 2 </div> </div> </div> <div id="rec2090131" class="r t-rec t-rec_pt_30 t-rec_pb_90" style="padding-top:30px;padding-bottom:90px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t017__title t-title t-title_xxs" field="title">How to create a menu for all pages<br /></div> </div> </div> </div> </div> <div id="rec38946964" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px; " data-record-type="106">  <div class="t004"> <div class="t-container t-align_center"> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align: left;" data-customstyle="yes">To set up a menu for all pages of your website, create a new page within your project, add a menu block there, and configure it. Then go to the Site Settings → Header and Footer and assign this page as a header. After that, go back to the project dashboard and click on Publish all pages.<br /><br />Read the guide <a href="http://help.tilda.ws/header-footer" rel="noopener" target="_blank">"Header and Footer"</a> to learn more about it.</div></div> </div> </div> </div> </div> <div id="rec2090133" class="r t-rec t-rec_pt_45 t-rec_pb_210" style="padding-top:45px;padding-bottom:210px; " data-record-type="4">  <div class="t121"> <center> <div class="t121__widthauto"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="2090133" data-videolazy-type="youtube" data-videolazy-id="m5HAPScPWDw" data-videolazy-height="540px"> </div> <style>#rec2090133 .t-video-lazyload{height:540px;}</style> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('2090133');});});</script> </div> <div id="rec38947234" class="r t-rec" style=" " data-record-type="215"> <a name="page" style="font-size:0;"></a> </div> <div id="rec2090134" class="r t-rec t-rec_pt_60 t-rec_pb_60" style="padding-top:60px;padding-bottom:60px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 3 </div> </div> </div> <div id="rec2090135" class="r t-rec t-rec_pt_30 t-rec_pb_90" style="padding-top:30px;padding-bottom:90px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t017__title t-title t-title_xxs" field="title">How to navigate within one page using a menu <br /></div> </div> </div> </div> </div> <div id="rec38946857" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">To create a navigation menu within a single page, fill out the "Link" fields with block IDs, e.g., #rec2081259. You can find a block ID in the block settings.<br /><br />If you want to use a custom link, e.g. #link, you can create an <a href="https://help.tilda.cc/anchor" target="_blank">anchor link.</a></div> </div> </div> </div> </div> <div id="rec38946856" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3165-6336-4438-a136-386332373063/image.png"> <img class="t-img t-width t107__widthauto" src="https://thb.tildacdn.com/tild3165-6336-4438-a136-386332373063/-/empty/image.png" data-original="https://static.tildacdn.com/tild3165-6336-4438-a136-386332373063/image.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec38946858" class="r t-rec t-rec_pt_30 t-rec_pb_45" style="padding-top:30px;padding-bottom:45px; " data-record-type="296">  <div class="t265"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t265__wrapper" style="background: #EBEBEB;"> <div class="t265__icon"> <svg role="img" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"> <circle style="fill:#ff0000;" cx="12.125" cy="12.125" r="12"/> <g> <path style="fill: #fff;" d="M10.922,6.486c0-0.728,0.406-1.091,1.217-1.091s1.215,0.363,1.215,1.091c0,0.347-0.102,0.617-0.304,0.81 c-0.202,0.193-0.507,0.289-0.911,0.289C11.328,7.585,10.922,7.219,10.922,6.486z M13.252,17.792h-2.234V9.604h2.234V17.792z"/> </g> </svg> </div> <div class="t265__text t-descr t-descr_xs" field="text"><div style="font-size:22px;" data-customstyle="yes">To enable smooth scrolling for anchor links, add a T178 block from the "Other" category to the bottom of the page.<br /></div></div> </div> </div> </div> </div> </div> <div id="rec38946859" class="r t-rec t-rec_pt_60 t-rec_pb_75" style="padding-top:60px;padding-bottom:75px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3838-3433-4466-a562-316166636533/britpop.gif"> <img class="t-img t-width t107__widthauto" src="https://thb.tildacdn.com/tild3838-3433-4466-a562-316166636533/-/empty/britpop.gif" data-original="https://static.tildacdn.com/tild3838-3433-4466-a562-316166636533/britpop.gif" imgfield="img" alt=""> </div> </div> </div> <div id="rec38947427" class="r t-rec" style=" " data-record-type="215"> <a name="two" style="font-size:0;"></a> </div> <div id="rec38946567" class="r t-rec t-rec_pt_60 t-rec_pb_60" style="padding-top:60px;padding-bottom:60px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 4 </div> </div> </div> <div id="rec38946568" class="r t-rec t-rec_pt_30 t-rec_pb_90" style="padding-top:30px;padding-bottom:90px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t017__title t-title t-title_xxs" field="title">How to make a menu for a bilingual website</div> </div> </div> </div> </div> <div id="rec38949758" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;padding-bottom:15px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">To make a two-language website, you will have to create two projects (Tilda Business Plan required). You may find it easier to create a website in one language first. After that, you can copy the project and translate it.<br /></div> </div> </div> </div> </div> <div id="rec38949759" class="r t-rec t-rec_pt_60 t-rec_pb_75" style="padding-top:60px;padding-bottom:75px; " data-record-type="171">  <div class="t157"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t157__wrapper"> <div class="t-divider" style=""></div> <div field="text" class="t157__text t-text t-text_sm">To copy a page, go to the Page Settings → Actions → Duplicate page. To move the page to another website, go to the Page Settings → Actions → Move page.<br /><br />Unfortunately, it is impossible to duplicate the entire website. We are working to make it possible, however.</div> </div> </div> </div> </div> </div> <div id="rec38949760" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;padding-bottom:15px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><a href="https://help.tilda.cc/header-footer" style="color:#ff8562 !important;text-decoration: none;" target="_blank">Set up the header</a> of both projects adding a ME204 menu block or one of these menus: ME301, ME302, ME303, or the hamburger menus: ME401, ME402, ME304. Open the Content panel of the block and add languages and the websites' links. <br /></div> </div> </div> </div> </div> <div id="rec38946702" class="r t-rec t-rec_pt_30 t-rec_pb_75" style="padding-top:30px;padding-bottom:75px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6662-3162-4236-b934-636636326664/Screenshot_2022-10-2.png"> <img class="t-img t-width t107__width t-width_9" src="https://thb.tildacdn.com/tild6662-3162-4236-b934-636636326664/-/empty/Screenshot_2022-10-2.png" data-original="https://static.tildacdn.com/tild6662-3162-4236-b934-636636326664/Screenshot_2022-10-2.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec38946703" class="r t-rec" style=" " data-record-type="215"> <a name="two-levels" style="font-size:0;"></a> </div> <div id="rec38946574" class="r t-rec t-rec_pt_60 t-rec_pb_60" style="padding-top:60px;padding-bottom:60px; " data-record-type="158">  <div class="t146"> <div class="t146__cir" field="title"> 5<br /><br /> </div> </div> </div> <div id="rec38946575" class="r t-rec t-rec_pt_30 t-rec_pb_90" style="padding-top:30px;padding-bottom:90px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t017__title t-title t-title_xxs" field="title">How to make a second-level menu</div> </div> </div> </div> </div> <div id="rec345432742" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">There are two ways to make a second-level menu:</div> </div> </div> </div> </div> <div id="rec345433222" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="128">  <div class="t120"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t120__title t-heading t-heading_sm" field="title"><ol><li>Add submenu items to the main menu block</li></ol></div> </div> </div> </div> </div> <div id="rec345433348" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Add a menu block to the page.<br /><br />Go to the Content panel of the block → Menu Items → Add subitems, then the “plus” icons will appear on the left.<br /><br />To add a second level, click on the “plus” icon, and add a submenu title and its URL. Click the “+” several times to add the required number of subitems.<br /><br /></div> </div> </div> </div> </div> <div id="rec345434817" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " data-animationappear="off" data-record-type="670">  <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg" aria-controls="carousel_345434817" aria-disabled="false" aria-label="Предыдущий слайд" style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg" aria-controls="carousel_345434817" aria-disabled="false" aria-label="Следующий слайд" style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none" id="carousel_345434817" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6237-3430-4363-b961-336532396365/Screenshot_2021-08-1.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6237-3430-4363-b961-336532396365/Screenshot_2021-08-1.png" style="background-image: url('https://thb.tildacdn.com/tild6237-3430-4363-b961-336532396365/-/resizeb/20x/Screenshot_2021-08-1.png');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6337-6266-4264-b237-613134396234/Screenshot_2021-08-1.png"> <meta itemprop="caption" content="Click the “plus” icon to add more submenu items."> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6337-6266-4264-b237-613134396234/Screenshot_2021-08-1.png" style="background-image: url('https://thb.tildacdn.com/tild6337-6266-4264-b237-613134396234/-/resizeb/20x/Screenshot_2021-08-1.png');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="3" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="3 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6436-6233-4731-a538-626662343531/Screenshot_2021-08-1.png"> <meta itemprop="caption" content="Publish the page and see what a second-level menu looks like."> <div class="t670__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6436-6233-4731-a538-626662343531/Screenshot_2021-08-1.png" style="background-image: url('https://thb.tildacdn.com/tild6436-6233-4731-a538-626662343531/-/resizeb/20x/Screenshot_2021-08-1.png');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 1" style="background-color: #c7c7c7;" aria-current="true"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 2" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 3" style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_left" style=""> <div class="t-slds__title t-name t-name_xs" data-redactor-notoolbar="yes" field="gi_title__1">Click the “plus” icon to add more submenu items.</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_left" style=""> <div class="t-slds__title t-name t-name_xs" data-redactor-notoolbar="yes" field="gi_title__2">Publish the page and see what a second-level menu looks like.</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('345434817',false);});});</script> <style>#rec345434817 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec345434817 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec345435050" class="r t-rec t-rec_pt_60 t-rec_pb_60" style="padding-top:60px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">On desktop, a second-level menu is displayed in a drop-down list on mouse hover, on mobile devices it appears when you tap.</div> </div> </div> </div> </div> <div id="rec345435163" class="r t-rec t-rec_pt_75 t-rec_pb_0" style="padding-top:75px;padding-bottom:0px; " data-record-type="296">  <div class="t265"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t265__wrapper" style="background: #EBEBEB;"> <div class="t265__icon"> <svg role="img" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"> <circle style="fill:#ff0000;" cx="12.125" cy="12.125" r="12"/> <g> <path style="fill: #fff;" d="M10.922,6.486c0-0.728,0.406-1.091,1.217-1.091s1.215,0.363,1.215,1.091c0,0.347-0.102,0.617-0.304,0.81 c-0.202,0.193-0.507,0.289-0.911,0.289C11.328,7.585,10.922,7.219,10.922,6.486z M13.252,17.792h-2.234V9.604h2.234V17.792z"/> </g> </svg> </div> <div class="t265__text t-descr t-descr_xs" field="text">Important: The main menu item for which a submenu is used will not be clickable if it contains subitems.</div> </div> </div> </div> </div> <style> #rec345435163 .t265__text{font-size:22px;}</style> </div> <div id="rec345435258" class="r t-rec t-rec_pt_75 t-rec_pb_75" style="padding-top:75px;padding-bottom:75px; " data-record-type="296">  <div class="t265"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t265__wrapper" style="background: #EBEBEB;"> <div class="t265__icon"> <svg role="img" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"> <circle style="fill:#808080;" cx="12.125" cy="12.125" r="12"/> <g> <path style="fill: #fff;" d="M10.922,6.486c0-0.728,0.406-1.091,1.217-1.091s1.215,0.363,1.215,1.091c0,0.347-0.102,0.617-0.304,0.81 c-0.202,0.193-0.507,0.289-0.911,0.289C11.328,7.585,10.922,7.219,10.922,6.486z M13.252,17.792h-2.234V9.604h2.234V17.792z"/> </g> </svg> </div> <div class="t265__text t-descr t-descr_xs" field="text">To help your website visitors easily understand which menu items contain second-level menus, select the “Display second level menu icon” checkbox in the Settings → Submenu Settings.</div> </div> </div> </div> </div> <style> #rec345435258 .t265__text{font-size:22px;}</style> </div> <div id="rec345844229" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3164-6138-4765-a638-393835613330/Screenshot_2021-08-1.png"> <img class="t-img t-width t107__width t-width_10" src="https://thb.tildacdn.com/tild3164-6138-4765-a638-393835613330/-/empty/Screenshot_2021-08-1.png" data-original="https://static.tildacdn.com/tild3164-6138-4765-a638-393835613330/Screenshot_2021-08-1.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec345433806" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="128">  <div class="t120"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t120__title t-heading t-heading_sm" field="title">2. Use the ME601/ME601A blocks</div> </div> </div> </div> </div> <div id="rec345432050" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;padding-bottom:15px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Add any menu block to the page—it will be a first-level menu. Then add a ME601 block (Menu: second level).<br /><br />ME601 allows you to add a submenu for the items in the main menu. It will appear as a drop-down menu when hovered over on desktop or tapped on mobile device.<br /><br />How it works:<br />1) In the ME601 block: specify a linkhook, e.g., #submenu:more.<br />2) In the main menu: add a #submenu:more link in the Content panel of the block → Menu Items as a menu item's link.<br /><br />Important: the main menu item won't be clickable. If you want to have a link on it, duplicate this item into the drop-down menu.<br /><br />Note: "More" in "#submenu:more" can be any word, for example: #submenu:portfolio or #submenu:aboutus.</div> </div> </div> </div> </div> <div id="rec503599696" class="r t-rec t-rec_pt_90 t-rec_pb_90" style="padding-top:90px;padding-bottom:90px; " data-animationappear="off" data-record-type="670">  <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg" aria-controls="carousel_503599696" aria-disabled="false" aria-label="Предыдущий слайд" style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg" aria-controls="carousel_503599696" aria-disabled="false" aria-label="Следующий слайд" style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none" id="carousel_503599696" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3836-6365-4638-b264-353239393138/Group_57.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3836-6365-4638-b264-353239393138/Group_57.png" style="background-image: url('https://thb.tildacdn.com/tild3836-6365-4638-b264-353239393138/-/resizeb/20x/Group_57.png');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3161-3766-4632-a433-636564396263/Screenshot_2022-10-2.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3161-3766-4632-a433-636564396263/Screenshot_2022-10-2.png" style="background-image: url('https://thb.tildacdn.com/tild3161-3766-4632-a433-636564396263/-/resizeb/20x/Screenshot_2022-10-2.png');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 1" style="background-color: #c7c7c7;" aria-current="true"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 2" style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">ME601 block (Menu: second level)</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">Main menu block</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('503599696',false);});});</script> <style>#rec503599696 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec503599696 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec38946750" class="r t-rec t-rec_pt_45 t-rec_pb_60" style="padding-top:45px;padding-bottom:60px; " data-record-type="341"> <div class="t341"> <div style="width: 0; height: 0; overflow: hidden;"> <div class="t-carousel__height t-width t-width_10" data-auto-correct-mobile-width="false" style="height:560px;"></div> </div> <div id="t-carousel38946750" class="t-carousel slide " data-ride="carousel" data-interval="false"> <div class="t-carousel__slides"> <div class="t-carousel__inner t-width_10 " style=""> <div class="t-carousel__item item active " style="" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3163-3632-4562-b130-343034306161/image.png"> <img class="t-carousel__item__img2 t-width t-width_10 t-img" src="https://thb.tildacdn.com/tild3163-3632-4562-b130-343034306161/-/empty/image.png" data-original="https://static.tildacdn.com/tild3163-3632-4562-b130-343034306161/image.png"> <div class="t-carousel__caption-inside"> <div class="t-carousel__caption t-col t-col_8 t-prefix_2 t-align_center"> <div class="t-carousel__caption_wrapper t-align_center" style=""> <div class="t-carousel__descr t-descr t-descr_xxs" style="" itemprop="description" field="gi_descr__0"> МЕ601 block (Menu: second level)</div> </div> </div> </div> </div> <div class="t-carousel__item item " style="" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6538-6235-4565-a661-653134313161/image.png"> <img class="t-carousel__item__img2 t-width t-width_10 t-img" src="https://thb.tildacdn.com/tild6538-6235-4565-a661-653134313161/-/empty/image.png" data-original="https://static.tildacdn.com/tild6538-6235-4565-a661-653134313161/image.png"> <div class="t-carousel__caption-inside"> <div class="t-carousel__caption t-col t-col_8 t-prefix_2 t-align_center"> <div class="t-carousel__caption_wrapper t-align_center" style=""> <div class="t-carousel__descr t-descr t-descr_xxs" style="" itemprop="description" field="gi_descr__1">Main menu block</div> </div> </div> </div> </div> </div> <div class="t-carousel__arrows__container t-carousel__arrows__container_outside t-carousel__arrow_outsidemiddle"> <a class="left t-carousel__control" href="#t-carousel38946750" data-slide="prev"> <div class="t-carousel__arrow__wrapper t-carousel__arrow__wrapper_left"> <div class=" t-carousel__arrow_light t-carousel__arrow t-carousel__arrow_left" style="border-color:#000000;"></div> </div> </a> <a class="right t-carousel__control" href="#t-carousel38946750" data-slide="next"> <div class="t-carousel__arrow__wrapper t-carousel__arrow__wrapper_right"> <div class=" t-carousel__arrow_light t-carousel__arrow t-carousel__arrow_right" style="border-color:#000000;"></div> </div> </a> </div> </div> <ol class=" t-carousel__indicators carousel-indicators"> <li style="background-color:#000000;" class="t-carousel__indicator active" data-target="#t-carousel38946750" data-slide-to="0"></li> <li style="background-color:#000000;" class="t-carousel__indicator " data-target="#t-carousel38946750" data-slide-to="1"></li> </ol> <div class="t-container"> <div class="t-carousel__caption__container"></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t341_showCaptions',function() {t341_showCaptions('38946750');t341_checkSize('38946750');$('.t341').bind('displayChanged',function(){t341_showCaptions('38946750');t341_checkSize('38946750');});});$("#t-carousel38946750 .t-carousel__slides").swipe({swipeLeft:function(event,direction,distance,duration) {$(this).parent().carousel('next');},swipeRight:function(event,direction,distance,duration) {$(this).parent().carousel('prev');},threshold:50,preventDefaultEvents:false,allowPageScroll:"none"});});window.addEventListener('resize',function() {t_onFuncLoad('t341_checkSize',function() {t341_checkSize('38946750');});});</script> </div> <div id="rec348813438" class="r t-rec t-rec_pt_75 t-rec_pb_75" style="padding-top:75px;padding-bottom:75px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3131-6466-4037-b632-396561363430/Screenshot_2021-08-2.png"> <img class="t-img t-width t107__width t-width_10" src="https://thb.tildacdn.com/tild3131-6466-4037-b632-396561363430/-/empty/Screenshot_2021-08-2.png" data-original="https://static.tildacdn.com/tild3131-6466-4037-b632-396561363430/Screenshot_2021-08-2.png" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name">An example of how the ME601 block can be used</div> </div> </div> </div> </div> <div id="rec680418486" class="r t-rec" style=" " data-record-type="215"> <a name="zero" style="font-size:0;"></a> </div> <div id="rec680418487" class="r t-rec t-rec_pt_30 t-rec_pb_90" style="padding-top:30px;padding-bottom:90px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t017__title t-title t-title_xxs" field="title">How to create a menu using Zero Block</div> </div> </div> </div> </div> <div id="rec680418488" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">To configure the block fixation, open Zero Block → Settings → under "Position and Overflow," select "Fixed" to lock the block.</div> </div> </div> </div> </div> <div id="rec680418489" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6339-3165-4139-b561-373932343036/__2023-08-09__225209.png"> <img class="t-img t-width t107__width t-width_9" src="https://thb.tildacdn.com/tild6339-3165-4139-b561-373932343036/-/empty/__2023-08-09__225209.png" data-original="https://static.tildacdn.com/tild6339-3165-4139-b561-373932343036/__2023-08-09__225209.png" imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6339-3165-4139-b561-373932343036/__2023-08-09__225209.png" alt=""> </div> </div> <style> #rec680418489 .t107__title{font-size:16px;}</style> </div> <div id="rec680418490" class="r t-rec t-rec_pt_15 t-rec_pb_60" style="padding-top:15px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">The block can be fixed at the top or bottom of the page and can be set to appear after X pixels (Appear Offset). In this case, you can customize one of two variants of appearance animation - Fade In or Slide Up/Down. This can be useful, for example, if you want the website header to appear not at once, but rather after some scrolling.</div> </div> </div> </div> </div> <div id="rec680418491" class="r t-rec t-rec_pt_15 t-rec_pb_60" style="padding-top:15px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Read about other menu types, discover how to make a fixed menu that will be visible when scrolling, how to add two menus to a page, how to make tabs, and more in our article "Explore seven website menu designs."</div> </div> </div> </div> </div> <div id="rec348951609" class="r t-rec t-rec_pt_45 t-rec_pb_60" style="padding-top:45px;padding-bottom:60px; " data-animationappear="off" data-record-type="422">  <div class="t422"> <div class="t422__container t-card__container t-container"> <div class="t422__wrapper t-card__col t-width_12 t422__prefix t-prefix_1" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3063-3964-4264-a466-333266376565/image.png"> <div class="t422__img-mobile t-col t-bgimg" data-original="https://static.tildacdn.com/tild3063-3964-4264-a466-333266376565/image.png" bgimgfield="img" style="background-image: url('https://thb.tildacdn.com/tild3063-3964-4264-a466-333266376565/-/resizeb/20x/image.png');"></div> <div class="t422__img t422__col t422__col_4 t-col t-bgimg" data-original="https://static.tildacdn.com/tild3063-3964-4264-a466-333266376565/image.png" bgimgfield="img" style="background-image: url('https://thb.tildacdn.com/tild3063-3964-4264-a466-333266376565/-/resizeb/20x/image.png'); "></div> <div class="t422__text t422__col t422__col_6 t-col t422__text_right" style="border-color: #e6e6e6; border-width: 1px; "> <div class="t422__text_mobile t-col" style="border-color: #e6e6e6; border-width: 1px;"> <div class="t422__textwrapper"> <div class="t422__cell t-cell"> <div class="t422__title t-heading t-heading_md " field="title">Explore seven website menu designs</div> <div class="t422__descr t-descr t-descr_sm " field="descr">Menu design options, customization, tips and examples</div> <div class="t422__btn-wrapper "> <a href="http://help.tilda.ws/design-menu" target="" class="t-card__link"> <div class="t-card__btn t-btn t-btn_sm" style="color:#000000;border:1px solid #000000;border-radius:21px; -moz-border-radius:21px; -webkit-border-radius:21px;" data-buttonfieldset="button"> Learn more </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t422_setHeight',function() {t422_setHeight('348951609');});t_onFuncLoad('t422_init',function() {t422_init('348951609');});if(typeof jQuery!=='undefined') {$('.t422').on('displayChanged',function() {t422_setHeight('348951609');});} else {var rec=document.querySelector('#rec348951609');if(!rec) return;var wrapper=rec.querySelector('.t422');if(wrapper) {wrapper.addEventListener('displayChanged',function() {t_onFuncLoad('t422_setHeight',function() {t422_setHeight('348951609');});});}}});window.addEventListener('resize',t_throttle(function() {if(typeof window.noAdaptive!=='undefined'&&window.noAdaptive==true&&window.isMobile) {return;} t_onFuncLoad('t422_setHeight',function() {t422_setHeight('348951609');});}));window.addEventListener('load',function() {if(typeof window.noAdaptive!=='undefined'&&window.noAdaptive==true&&window.isMobile) {return;} t_onFuncLoad('t422_setHeight',function() {t422_setHeight('348951609');});});</script> <style> #rec348951609 .t422__uptitle{text-transform:uppercase;}</style> </div> <div id="rec348951610" class="r t-rec t-rec_pt_0 t-rec_pb_120" style="padding-top:0px;padding-bottom:120px; " data-animationappear="off" data-record-type="422">  <div class="t422"> <div class="t422__container t-card__container t-container"> <div class="t422__wrapper t-card__col t-width_12 t422__prefix t-prefix_1" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3561-3234-4330-b562-363432386264/image.png"> <div class="t422__img-mobile t-col t-bgimg" data-original="https://static.tildacdn.com/tild3561-3234-4330-b562-363432386264/image.png" bgimgfield="img" style="background-image: url('https://thb.tildacdn.com/tild3561-3234-4330-b562-363432386264/-/resizeb/20x/image.png');"></div> <div class="t422__img t422__col t422__col_4 t-col t-bgimg" data-original="https://static.tildacdn.com/tild3561-3234-4330-b562-363432386264/image.png" bgimgfield="img" style="background-image: url('https://thb.tildacdn.com/tild3561-3234-4330-b562-363432386264/-/resizeb/20x/image.png'); "></div> <div class="t422__text t422__col t422__col_6 t-col t422__text_right" style="border-color: #e6e6e6; border-width: 1px; "> <div class="t422__text_mobile t-col" style="border-color: #e6e6e6; border-width: 1px;"> <div class="t422__textwrapper"> <div class="t422__cell t-cell"> <div class="t422__title t-heading t-heading_md " field="title">How to Improve Your Website Navigation</div> <div class="t422__descr t-descr t-descr_sm " field="descr">Practical tips for making a clear and easy to use website</div> <div class="t422__btn-wrapper "> <a href="https://tilda.education/en/articles-navigation" target="" class="t-card__link"> <div class="t-card__btn t-btn t-btn_sm" style="color:#000000;border:1px solid #000000;border-radius:21px; -moz-border-radius:21px; -webkit-border-radius:21px;" data-buttonfieldset="button"> Learn more </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t422_setHeight',function() {t422_setHeight('348951610');});t_onFuncLoad('t422_init',function() {t422_init('348951610');});if(typeof jQuery!=='undefined') {$('.t422').on('displayChanged',function() {t422_setHeight('348951610');});} else {var rec=document.querySelector('#rec348951610');if(!rec) return;var wrapper=rec.querySelector('.t422');if(wrapper) {wrapper.addEventListener('displayChanged',function() {t_onFuncLoad('t422_setHeight',function() {t422_setHeight('348951610');});});}}});window.addEventListener('resize',t_throttle(function() {if(typeof window.noAdaptive!=='undefined'&&window.noAdaptive==true&&window.isMobile) {return;} t_onFuncLoad('t422_setHeight',function() {t422_setHeight('348951610');});}));window.addEventListener('load',function() {if(typeof window.noAdaptive!=='undefined'&&window.noAdaptive==true&&window.isMobile) {return;} t_onFuncLoad('t422_setHeight',function() {t422_setHeight('348951610');});});</script> <style> #rec348951610 .t422__uptitle{text-transform:uppercase;}</style> </div>  <footer id="t-footer" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="6518" data-tilda-page-id="62096" data-tilda-formskey="0bbdd5272d658d3de5798b262a4fe80b" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec747695050" class="r t-rec t-rec_pt_120 t-rec_pb_60" style="padding-top:120px;padding-bottom:60px;background-color:#f5f5f5; " data-record-type="65" data-bg-color="#f5f5f5">  <div class="t056"> <div class="t-container t-align_left"> <div class="t-col t-col_12 "> <div class="t056__title t-name t-name_xl" field="title">Guides By Category:</div> </div> </div> </div> <style> #rec747695050 .t056__title{font-weight:500;}</style> </div> <div id="rec747687355" class="r t-rec t-rec_pt_0 t-rec_pb_120" style="padding-top:0px;padding-bottom:120px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="344" data-bg-color="#f5f5f5">  <div class="t344"> <div class="t-container t-align_left"> <div class="t344__col t-col t-col_3"> <div class="t344__descr t-descr t-descr_xxs" field="descr"><ul><li><a href="https://help.tilda.cc/getstarted">How Tilda Works</a></li><li><a href="/settings">Site Settings</a></li><li><a href="https://help.tilda.cc/page">Page Editing</a></li><li><a href="https://help.tilda.cc/search-engine">Guide To SEO</a></li></ul></div> </div> <div class="t344__col t-col t-col_3"> <div class="t344__descr t-descr t-descr_xxs" field="descr2"><ul><li><a href="https://help.tilda.cc/domainandhttps">Domain And HTTPS</a></li><li><a href="https://help.tilda.cc/online-store-payments">Online Store & Payments</a></li><li><a href="https://help.tilda.cc/forms">Data Capture Forms</a></li><li><a href="https://help.tilda.cc/statistics">Website Statistics</a></li></ul></div> </div> <div class="t344__floatbeaker_lr3"></div> <div class="t344__col t-col t-col_3"> <div class="t344__descr t-descr t-descr_xxs" field="descr3"><ul><li><a href="https://help.tilda.cc/zero">Zero Block</a></li><li><a href="https://help.tilda.cc/email-campaign-builder">Email Campaign Builder</a></li><li><a href="https://help.tilda.cc/subscription">Pricing And Payment</a></li></ul></div> </div> <div class="t344__col t-col t-col_3"> <div class="t344__descr t-descr t-descr_xxs" field="descr4"><ul><li><a href="https://help.tilda.cc/feedsandnews">Feeds And News</a></li><li><a href="https://help.tilda.cc/membership">Memberships & User Accounts</a></li><li><a href="https://help.tilda.cc/fordevelopers">For Developers</a></li></ul></div> </div> </div> </div> <style>#rec747687355 .t344__title{color:#525252;}#rec747687355 .t344__descr{color:#ffffff;}</style> <style> #rec747687355 .t344__title{color:#000000;text-transform:uppercase;}#rec747687355 .t344__descr{font-size:18px;color:#000000;}</style> </div> <div id="rec747662976" class="r t-rec t-rec_pt_105 t-rec_pb_105" style="padding-top:105px;padding-bottom:105px;background-color:#e8e8e8; " data-animationappear="off" data-record-type="396" data-bg-color="#e8e8e8">  <style>#rec747662976 .t396__artboard {height:400px;background-color:#E8E8E8;}#rec747662976 .t396__filter {height:400px;}#rec747662976 .t396__carrier{height:400px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec747662976 .t396__artboard,#rec747662976 .t396__filter,#rec747662976 .t396__carrier {height:360px;}#rec747662976 .t396__filter {}#rec747662976 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec747662976 .t396__artboard,#rec747662976 .t396__filter,#rec747662976 .t396__carrier {height:330px;}#rec747662976 .t396__filter {}#rec747662976 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec747662976 .t396__artboard,#rec747662976 .t396__filter,#rec747662976 .t396__carrier {height:535px;}#rec747662976 .t396__filter {}#rec747662976 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec747662976 .t396__artboard,#rec747662976 .t396__filter,#rec747662976 .t396__carrier {height:545px;}#rec747662976 .t396__filter {}#rec747662976 .t396__carrier {background-attachment:scroll;}}#rec747662976 .tn-elem[data-elem-id="1691586016953"] {z-index:3;top:81px;left:calc(50% - 600px + 470px);width:40px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1691586016953"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec747662976 .tn-elem[data-elem-id="1691586016953"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:76px;left:calc(50% - 480px + 350px);height:auto;}#rec747662976 .tn-elem[data-elem-id="1691586016953"] .tn-atom {background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:230px;left:calc(50% - 320px + 466px);width:30px;height:auto;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:85px;left:calc(50% - 240px + 225px);height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:73px;left:calc(50% - 160px + 145px);height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619019903098"] {z-index:3;top:81px;left:calc(50% - 600px + 580px);width:40px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019903098"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec747662976 .tn-elem[data-elem-id="1619019903098"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:76px;left:calc(50% - 480px + 460px);height:auto;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:230px;left:calc(50% - 320px + 376px);width:30px;height:auto;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:85px;left:calc(50% - 240px + 135px);height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:73px;left:calc(50% - 160px + 55px);height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619019903111"] {z-index:3;top:81px;left:calc(50% - 600px + 525px);width:40px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019903111"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec747662976 .tn-elem[data-elem-id="1619019903111"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:76px;left:calc(50% - 480px + 405px);height:auto;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:230px;left:calc(50% - 320px + 331px);width:30px;height:auto;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:85px;left:calc(50% - 240px + 90px);height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:73px;left:calc(50% - 160px + 10px);height:auto;}}#rec747662976 .tn-elem[data-elem-id="1691585962458"] {z-index:3;top:81px;left:calc(50% - 600px + 635px);width:40px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1691585962458"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec747662976 .tn-elem[data-elem-id="1691585962458"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:76px;left:calc(50% - 480px + 515px);height:auto;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:230px;left:calc(50% - 320px + 421px);width:30px;height:auto;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:85px;left:calc(50% - 240px + 180px);height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:73px;left:calc(50% - 160px + 100px);height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619019903084"] {z-index:3;top:81px;left:calc(50% - 600px + 690px);width:40px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019903084"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec747662976 .tn-elem[data-elem-id="1619019903084"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:76px;left:calc(50% - 480px + 570px);height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019903084"] .tn-atom {background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:230px;left:calc(50% - 320px + 511px);width:30px;height:auto;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:85px;left:calc(50% - 240px + 270px);height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:73px;left:calc(50% - 160px + 190px);height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619019713628"]{color:#000000;z-index:3;top:5px;left:calc(50% - 600px + 339px);width:111px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019713628"] .tn-atom {vertical-align:middle;color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 480px + 253px);width:88px;height:auto;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 320px + 135px);width:57px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019713628"] .tn-atom {white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 240px + 72px);width:69px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019713628"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 160px + 9px);width:62px;height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619019754582"]{color:#000000;z-index:3;top:5px;left:calc(50% - 600px + 456px);width:183px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019754582"] .tn-atom {vertical-align:middle;color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 480px + 348px);width:160px;height:auto;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 320px + 213px);width:109px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019754582"] .tn-atom {white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 240px + 141px);width:120px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019754582"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 160px + 71px);width:107px;height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619019777299"]{color:#000000;z-index:3;top:5px;left:calc(50% - 600px + 639px);width:177px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019777299"] .tn-atom {vertical-align:middle;color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 480px + 508px);width:148px;height:auto;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 320px + 343px);width:107px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019777299"] .tn-atom {white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 240px + 261px);width:113px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019777299"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 160px + 178px);width:103px;height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619019804011"]{color:#000000;z-index:3;top:5px;left:calc(50% - 600px + 816px);width:123px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019804011"] .tn-atom {vertical-align:middle;color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 480px + 662px);width:87px;height:auto;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 320px + 471px);width:34px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019804011"] .tn-atom {white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 240px + 374px);width:62px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019804011"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 160px + 281px);width:39px;height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619020045180"]{color:#000000;z-index:3;top:211px;left:calc(50% - 600px + 80px);width:300px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom {vertical-align:middle;color:#000000;font-size:22px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:200px;left:calc(50% - 480px + 30px);width:220px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom {white-space:normal;font-size:17px;background-size:cover;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:97px;left:calc(50% - 320px + 10px);width:310px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom {white-space:normal;font-size:17px;line-height:1.3;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:163px;left:calc(50% - 240px + 90px);width:377px;height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:161px;left:calc(50% - 160px + 10px);width:297px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom {white-space:normal;line-height:1.2;background-size:cover;}}#rec747662976 .tn-elem[data-elem-id="1619020045187"]{color:#6c6c6c;z-index:3;top:264px;left:calc(50% - 600px + 80px);width:312px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020045187"] .tn-atom {vertical-align:middle;color:#6c6c6c;font-size:15px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:235px;left:calc(50% - 480px + 30px);width:280px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020045187"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:128px;left:calc(50% - 320px + 10px);width:300px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020045187"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:199px;left:calc(50% - 240px + 90px);width:296px;height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:192px;left:calc(50% - 160px + 10px);width:301px;height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619020084939"]{color:#000000;z-index:3;top:211px;left:calc(50% - 600px + 434px);width:361px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom {vertical-align:middle;color:#000000;font-size:22px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:200px;left:calc(50% - 480px + 330px);width:312px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom {white-space:normal;font-size:17px;background-size:cover;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:97px;left:calc(50% - 320px + 330px);width:310px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom {white-space:normal;font-size:17px;line-height:1.3;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:290px;left:calc(50% - 240px + 90px);width:377px;height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:288px;left:calc(50% - 160px + 11px);width:300px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom {white-space:normal;line-height:1.2;background-size:cover;}}#rec747662976 .tn-elem[data-elem-id="1619020084961"]{color:#6c6c6c;z-index:3;top:264px;left:calc(50% - 600px + 435px);width:330px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020084961"] .tn-atom {vertical-align:middle;color:#6c6c6c;font-size:15px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:235px;left:calc(50% - 480px + 330px);width:303px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020084961"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:128px;left:calc(50% - 320px + 330px);width:300px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020084961"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:326px;left:calc(50% - 240px + 90px);width:313px;height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:319px;left:calc(50% - 160px + 11px);width:301px;height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619020118297"]{color:#000000;z-index:3;top:211px;left:calc(50% - 600px + 821px);width:300px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom {vertical-align:middle;color:#000000;font-size:22px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:200px;left:calc(50% - 480px + 660px);width:271px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom {white-space:normal;font-size:17px;background-size:cover;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:218px;left:calc(50% - 320px + 10px);width:310px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom {white-space:normal;font-size:17px;line-height:1.3;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:417px;left:calc(50% - 240px + 90px);width:378px;height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:415px;left:calc(50% - 160px + 11px);width:299px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom {white-space:normal;line-height:1.2;background-size:cover;}}#rec747662976 .tn-elem[data-elem-id="1619020118304"]{color:#6c6c6c;z-index:3;top:264px;left:calc(50% - 600px + 821px);width:300px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020118304"] .tn-atom {vertical-align:middle;color:#6c6c6c;font-size:15px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:235px;left:calc(50% - 480px + 660px);width:276px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020118304"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:253px;left:calc(50% - 320px + 10px);width:305px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020118304"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:454px;left:calc(50% - 240px + 90px);width:356px;height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:446px;left:calc(50% - 160px + 11px);width:301px;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="747662976" data-artboard-screens="320,480,640,960,1200" data-artboard-height="400" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="545" data-artboard-height-res-480="535" data-artboard-height-res-640="330" data-artboard-height-res-960="360"> <div class="t396__carrier" data-artboard-recid="747662976"></div> <div class="t396__filter" data-artboard-recid="747662976"></div> <div class='t396__elem tn-elem tn-elem__7476629761691586016953' data-elem-id='1691586016953' data-elem-type='image' data-field-top-value="81" data-field-left-value="470" data-field-height-value="40" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" data-field-top-res-320-value="73" data-field-left-res-320-value="145" data-field-top-res-480-value="85" data-field-left-res-480-value="225" data-field-top-res-640-value="230" data-field-left-res-640-value="466" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="350"> <a class='tn-atom' href="https://www.instagram.com/tilda.cc/" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3532-3661-4937-a133-633564323066/Tilda_Icons_26sn_ins.svg' alt='' imgfield='tn_img_1691586016953' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019903098' data-elem-id='1619019903098' data-elem-type='image' data-field-top-value="81" data-field-left-value="580" data-field-height-value="40" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" data-field-top-res-320-value="73" data-field-left-res-320-value="55" data-field-top-res-480-value="85" data-field-left-res-480-value="135" data-field-top-res-640-value="230" data-field-left-res-640-value="376" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="460"> <a class='tn-atom' href="https://twitter.com/TildaPublishing" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6333-3763-4639-b462-346161393037/Tilda_Icons_26sn_twi.svg' alt='' imgfield='tn_img_1619019903098' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019903111' data-elem-id='1619019903111' data-elem-type='image' data-field-top-value="81" data-field-left-value="525" data-field-height-value="40" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" data-field-top-res-320-value="73" data-field-left-res-320-value="10" data-field-top-res-480-value="85" data-field-left-res-480-value="90" data-field-top-res-640-value="230" data-field-left-res-640-value="331" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="405"> <a class='tn-atom' href="https://www.youtube.com/channel/UCbuvN3YQrc2dISGcestWLgw" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3065-3838-4131-a362-356636653562/Tilda_Icons_26sn_you.svg' alt='' imgfield='tn_img_1619019903111' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761691585962458' data-elem-id='1691585962458' data-elem-type='image' data-field-top-value="81" data-field-left-value="635" data-field-height-value="40" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" data-field-top-res-320-value="73" data-field-left-res-320-value="100" data-field-top-res-480-value="85" data-field-left-res-480-value="180" data-field-top-res-640-value="230" data-field-left-res-640-value="421" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="515"> <a class='tn-atom' href="https://t.me/tilda_global" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6662-6365-4563-a534-376633333630/Tilda_Icons_26sn_tel.svg' alt='' imgfield='tn_img_1691585962458' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019903084' data-elem-id='1619019903084' data-elem-type='image' data-field-top-value="81" data-field-left-value="690" data-field-height-value="40" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="100" data-field-fileheight-value="100" data-field-top-res-320-value="73" data-field-left-res-320-value="190" data-field-top-res-480-value="85" data-field-left-res-480-value="270" data-field-top-res-640-value="230" data-field-left-res-640-value="511" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="570"> <a class='tn-atom' href="https://www.facebook.com/tildapublishing" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6137-6639-4765-b435-343737636461/Tilda_Icons_26sn_fac.svg' alt='' imgfield='tn_img_1619019903084' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019713628' data-elem-id='1619019713628' data-elem-type='text' data-field-top-value="5" data-field-left-value="339" data-field-height-value="31" data-field-width-value="111" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="5" data-field-left-res-320-value="9" data-field-width-res-320-value="62" data-field-top-res-480-value="5" data-field-left-res-480-value="72" data-field-width-res-480-value="69" data-field-top-res-640-value="5" data-field-left-res-640-value="135" data-field-width-res-640-value="57" data-field-top-res-960-value="5" data-field-left-res-960-value="253" data-field-width-res-960-value="88"> <div class='tn-atom'><a href="https://tilda.cc/?lang=en"target="_blank"style="color: inherit">Tilda.cc</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019754582' data-elem-id='1619019754582' data-elem-type='text' data-field-top-value="5" data-field-left-value="456" data-field-height-value="31" data-field-width-value="183" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="5" data-field-left-res-320-value="71" data-field-width-res-320-value="107" data-field-top-res-480-value="5" data-field-left-res-480-value="141" data-field-width-res-480-value="120" data-field-top-res-640-value="5" data-field-left-res-640-value="213" data-field-width-res-640-value="109" data-field-top-res-960-value="5" data-field-left-res-960-value="348" data-field-width-res-960-value="160"> <div class='tn-atom'><a href="https://tilda.education/en"target="_blank"style="color: inherit">Tilda Education</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019777299' data-elem-id='1619019777299' data-elem-type='text' data-field-top-value="5" data-field-left-value="639" data-field-height-value="31" data-field-width-value="177" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="5" data-field-left-res-320-value="178" data-field-width-res-320-value="103" data-field-top-res-480-value="5" data-field-left-res-480-value="261" data-field-width-res-480-value="113" data-field-top-res-640-value="5" data-field-left-res-640-value="343" data-field-width-res-640-value="107" data-field-top-res-960-value="5" data-field-left-res-960-value="508" data-field-width-res-960-value="148"> <div class='tn-atom'><a href="https://www.youtube.com/channel/UCbuvN3YQrc2dISGcestWLgw"target="_blank"style="color: inherit">Video Tutorials</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019804011' data-elem-id='1619019804011' data-elem-type='text' data-field-top-value="5" data-field-left-value="816" data-field-height-value="31" data-field-width-value="123" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="5" data-field-left-res-320-value="281" data-field-width-res-320-value="39" data-field-top-res-480-value="5" data-field-left-res-480-value="374" data-field-width-res-480-value="62" data-field-top-res-640-value="5" data-field-left-res-640-value="471" data-field-width-res-640-value="34" data-field-top-res-960-value="5" data-field-left-res-960-value="662" data-field-width-res-960-value="87"> <div class='tn-atom'><a href="http://blog-en.tilda.cc/"target="_blank"style="color: inherit">Blog</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020045180' data-elem-id='1619020045180' data-elem-type='text' data-field-top-value="211" data-field-left-value="80" data-field-height-value="34" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="161" data-field-left-res-320-value="10" data-field-width-res-320-value="297" data-field-top-res-480-value="163" data-field-left-res-480-value="90" data-field-width-res-480-value="377" data-field-top-res-640-value="97" data-field-left-res-640-value="10" data-field-width-res-640-value="310" data-field-top-res-960-value="200" data-field-left-res-960-value="30" data-field-width-res-960-value="220"> <div class='tn-atom'field='tn_text_1619020045180'>Report abuse</div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020045187' data-elem-id='1619020045187' data-elem-type='text' data-field-top-value="264" data-field-left-value="80" data-field-height-value="69" data-field-width-value="312" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="192" data-field-left-res-320-value="10" data-field-width-res-320-value="301" data-field-top-res-480-value="199" data-field-left-res-480-value="90" data-field-width-res-480-value="296" data-field-top-res-640-value="128" data-field-left-res-640-value="10" data-field-width-res-640-value="300" data-field-top-res-960-value="235" data-field-left-res-960-value="30" data-field-width-res-960-value="280"> <div class='tn-atom'field='tn_text_1619020045187'>If you believe that any website made on Tilda is violating your rights, file a compliant by filling out this <a href="https://tilda.cc/abuse/" target="_blank" rel="noreferrer noopener" style="color: rgb(252, 103, 61); font-weight: 500;">form</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020084939' data-elem-id='1619020084939' data-elem-type='text' data-field-top-value="211" data-field-left-value="434" data-field-height-value="34" data-field-width-value="361" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="288" data-field-left-res-320-value="11" data-field-width-res-320-value="300" data-field-top-res-480-value="290" data-field-left-res-480-value="90" data-field-width-res-480-value="377" data-field-top-res-640-value="97" data-field-left-res-640-value="330" data-field-width-res-640-value="310" data-field-top-res-960-value="200" data-field-left-res-960-value="330" data-field-width-res-960-value="312"> <div class='tn-atom'field='tn_text_1619020084939'>How to contact our support</div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020084961' data-elem-id='1619020084961' data-elem-type='text' data-field-top-value="264" data-field-left-value="435" data-field-height-value="69" data-field-width-value="330" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="319" data-field-left-res-320-value="11" data-field-width-res-320-value="301" data-field-top-res-480-value="326" data-field-left-res-480-value="90" data-field-width-res-480-value="313" data-field-top-res-640-value="128" data-field-left-res-640-value="330" data-field-width-res-640-value="300" data-field-top-res-960-value="235" data-field-left-res-960-value="330" data-field-width-res-960-value="303"> <div class='tn-atom'field='tn_text_1619020084961'>To find out more about the platform features, use the feedback form in your Tilda account, or contact us via email <a href="mailto:team@tilda.cc" target="_blank" rel="noreferrer noopener" style="font-weight: 500;">team@tilda.cc</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020118297' data-elem-id='1619020118297' data-elem-type='text' data-field-top-value="211" data-field-left-value="821" data-field-height-value="34" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="415" data-field-left-res-320-value="11" data-field-width-res-320-value="299" data-field-top-res-480-value="417" data-field-left-res-480-value="90" data-field-width-res-480-value="378" data-field-top-res-640-value="218" data-field-left-res-640-value="10" data-field-width-res-640-value="310" data-field-top-res-960-value="200" data-field-left-res-960-value="660" data-field-width-res-960-value="271"> <div class='tn-atom'field='tn_text_1619020118297'>Accounting docs</div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020118304' data-elem-id='1619020118304' data-elem-type='text' data-field-top-value="264" data-field-left-value="821" data-field-height-value="69" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="446" data-field-left-res-320-value="11" data-field-width-res-320-value="301" data-field-top-res-480-value="454" data-field-left-res-480-value="90" data-field-width-res-480-value="356" data-field-top-res-640-value="253" data-field-left-res-640-value="10" data-field-width-res-640-value="305" data-field-top-res-960-value="235" data-field-left-res-960-value="660" data-field-width-res-960-value="276"> <div class='tn-atom'field='tn_text_1619020118304'>To get the supporting documentation and proof of payment, send your request to <a href="mailto:docs@tilda.cc" rel="noreferrer noopener" target="_blank" style="font-weight: 500;">docs@tilda.cc</a></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('747662976');});});</script>  </div> <div id="rec747663345" class="r t-rec" style=" " data-animationappear="off" data-record-type="131">  <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 ">  <script> t_onReady(function() { var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://geo.tildacdn.com/geo/country/', true); xhr.onload = function() { if (xhr.status >= 200 && xhr.status < 400) { var data = xhr.responseText; if (data === 'RU') { // скрываются иконки Instagram, Facebook по геолокации var icons = document.querySelectorAll('#rec747662976 [data-elem-id="1691586016953"], #rec747662976 [data-elem-id="1619019903084"]'); icons.forEach(function (icon) { icon.style.display = 'none'; }); } } }; xhr.send(); }); </script>  </div> </div> </div> </div> </footer>  </div>  <div class="t-tildalabel " id="tildacopy" data-tilda-sign="6518#18669"><a href="https://tilda.cc/" class="t-tildalabel__link"><div class="t-tildalabel__wrapper"><div class="t-tildalabel__txtleft">Made on </div><div class="t-tildalabel__wrapimg"><img src="https://static.tildacdn.com/img/tildacopy.png" class="t-tildalabel__img" fetchpriority="low" alt=""></div><div class="t-tildalabel__txtright">Tilda</div></div></a></div>  <script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';} window.tildastatcookie='no';window.tildastatscroll='yes';setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'914414f8f763e0b0e2bd67efc7504302','script','https://static.tildacdn.com/js/tilda-stat-1.0.min.js');},2000);</script> </body> </html>