--- title: Navigation Elements url: "https://www.toujou.com/service/element-library/navigation-elements/" date: 2021-03-24 modified: 2022-09-27 --- # Navigation Elements 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Element library](https://www.toujou.de/service/element-library/) 4. [Navigation Elements](https://www.toujou.de/service/element-library/navigation-elements/) **The toujou element library** ------------------------------ Navigation elements =================== With toujou you will find preconfigured elements that give you the freedom to illustrate content according to your needs. The appearance is controlled centrally and offers responsive behaviour. Buttons, links, alignment, and text styles are all controlled by the editor. The Auto Inpage Navigation references to all [chapters](https://www.toujou.de/service/element-library/widgets/chapter/), whereas the Inpage Navigation offers individual manual selection. **Navigations elements:** [Inpage Navigation](#c1009577) | [Auto Inpage Navigation](#c1009577) | [Previous/Next Page Navigation](https://www.toujou.de/service/element-library/navigation-elements/previous/next-page-navigation/) ### Guide On this page you will find all navigation elements in toujou. We've used dummies in the library to prevent confusion. For detailed instructions, click on the buttons located below every sample element to get to the element description. [I am the button](#c1009574) --- All navigation elemente at a glance ------------------------------------- ### Inpage Navigation [ ![](https://www.toujou.de/_assets/processed/hcFhvwuSFFLP6opJ6kGSGeVOOMRphfO6GJA_f9uRKDs/q:85/c:1300:730.82731213872:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX193aWRlc2NyZWVuXzhkZjkwNDNkYmE:t/cb:dca4263c4900a37b63bc8707058804aeaedc807e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX3dpZGVzY3JlZW4ucG5n) Ansicht exemplarisch mit mehr als 1440 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__widescreen.png) #### **Widescreen** [ ![](https://www.toujou.de/_assets/processed/0_fjsxJdf5wy-72174r0B9m1n31Afd98t5HanNoiFP8/q:85/c:950:534.80769230769:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX19kZXNrdG9wXzAxX2U4Nzg1NjNkY2I:t/cb:9eafa54ff9038ae380b736d268eea4a9c0760011/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX2Rlc2t0b3BfMDEucG5n) Ansicht exemplarisch mit mehr als 1024 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__desktop_01.png) #### **Desktop** [ ![](https://www.toujou.de/_assets/processed/u5VkVtVCyTIzKSsoxh390Ouckxdd708XkPN7DmjjMoY/q:85/c:1200:674.99999999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX190YWJsZXRfZWM2MTAxOWEzZQ:t/cb:823a9b1ffb6df24897410a21f1927c83b1d13db6/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX3RhYmxldC5wbmc) Ansicht exemplarisch mit mehr als 600 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__tablet.png) #### **Tablet** [ ![](https://www.toujou.de/_assets/processed/FLeG1hoXPZo4aDbDPvsiP-IPfNZsBwOlx8KWSlE7J5Q/q:85/c:1200:674.61560364464:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX19tb2JpbGVfYTMwMDk4MGRmZA:t/cb:cb46dd853a492bb5bed1776b292f6a9606ff3bc7/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX21vYmlsZS5wbmc) Ansicht exemplarisch mit 375 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__mobile.png) #### **Mobile** [Inpage Navigation](https://www.toujou.de/service/element-library/navigation-elements/auto-inpage-navigation/) --- ### Auto Inpage Navigation [ ![](https://www.toujou.de/_assets/processed/hcFhvwuSFFLP6opJ6kGSGeVOOMRphfO6GJA_f9uRKDs/q:85/c:1300:730.82731213872:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX193aWRlc2NyZWVuXzhkZjkwNDNkYmE:t/cb:dca4263c4900a37b63bc8707058804aeaedc807e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX3dpZGVzY3JlZW4ucG5n) Ansicht exemplarisch mit mehr als 1440 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__widescreen.png) #### **Widescreen** [ ![](https://www.toujou.de/_assets/processed/0_fjsxJdf5wy-72174r0B9m1n31Afd98t5HanNoiFP8/q:85/c:950:534.80769230769:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX19kZXNrdG9wXzAxX2U4Nzg1NjNkY2I:t/cb:9eafa54ff9038ae380b736d268eea4a9c0760011/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX2Rlc2t0b3BfMDEucG5n) Ansicht exemplarisch mit mehr als 1024 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__desktop_01.png) #### **Desktop** [ ![](https://www.toujou.de/_assets/processed/u5VkVtVCyTIzKSsoxh390Ouckxdd708XkPN7DmjjMoY/q:85/c:1200:674.99999999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX190YWJsZXRfZWM2MTAxOWEzZQ:t/cb:823a9b1ffb6df24897410a21f1927c83b1d13db6/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX3RhYmxldC5wbmc) Ansicht exemplarisch mit mehr als 600 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__tablet.png) #### **Tablet** [ ![](https://www.toujou.de/_assets/processed/FLeG1hoXPZo4aDbDPvsiP-IPfNZsBwOlx8KWSlE7J5Q/q:85/c:1200:674.61560364464:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0lucGFnZV9OYXZpZ2F0aW9uX19tb2JpbGVfYTMwMDk4MGRmZA:t/cb:cb46dd853a492bb5bed1776b292f6a9606ff3bc7/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzEwX25hdmlnYXRpb25fZWxlbWVudHMvSW5wYWdlX05hdmlnYXRpb25fX21vYmlsZS5wbmc) Ansicht exemplarisch mit 375 px Breite ](https://www.toujou.de/fileadmin/toujou/element_library/10_navigation_elements/Inpage_Navigation__mobile.png) #### **Mobile** [Auto Inpage Navi >](https://www.toujou.de/service/element-library/navigation-elements/auto-inpage-navigation/) ##### Tutorials [Checklist ❯](https://www.toujou.de/service/#c1004820) [Contact data ❯ ](https://www.toujou.de/service/tutorials/contact-data/) [File list ❯ ](https://www.toujou.de/service/tutorials/file-list-module/) [Edit navigation ❯ ](https://www.toujou.de/service/tutorials/pages-navigation/) [Edit page content ❯ ](https://www.toujou.de/service/tutorials/page-content/) [Edit page properties ❯](https://www.toujou.de/service/tutorials/page-properties/) [Responsive & mobile first ❯](https://www.toujou.de/service/tutorials/responsive-mobile-first/) [Yoast SEO ❯ ](https://www.toujou.de/service/tutorials/yoast-seo/) [Redirects ❯ ](https://www.toujou.de/service/tutorials/redirects/) [Blog administration ❯](https://www.toujou.de/service/tutorials/blog-administration/) [Linkvalidator ❯](https://www.toujou.de/service/tutorials/blog-administration/) ##### toujou set-up [Theme ❯ ](https://www.toujou.de/service/toujou-set-up/theme-settings/) [Logo ❯ ](https://www.toujou.de/service/toujou-set-up/logo-settings/) [Font ❯ ](https://www.toujou.de/service/toujou-set-up/font-settings/) [Color ❯ ](https://www.toujou.de/service/toujou-set-up/color-settings/) [Social media ❯ ](https://www.toujou.de/service/toujou-set-up/social-media-settings/) [Analytics ❯](https://www.toujou.de/service/toujou-set-up/analytics-settings/) [Data protection ❯](https://www.toujou.de/service/toujou-set-up/data-protection-settings/) [Website overlay ❯](https://www.toujou.de/service/toujou-set-up/website-overlay/) ##### toujou element library [Text elements ❯ ](https://www.toujou.de/service/element-library/text-elements/) [Teaser elements ❯ ](https://www.toujou.de/service/element-library/teaser-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/element-library/blockquote-elements/) [Teaser cards ❯ ](https://www.toujou.de/service/element-library/card-elements/) [Media elements ❯ ](https://www.toujou.de/service/element-library/media-elements/) [Map elements ❯ ](https://www.toujou.de/service/element-library/map-elements/) [Blog elements ❯](https://www.toujou.de/service/element-library/blog-elements/) #### [Navigation elements ❯ ](https://www.toujou.de/service/element-library/navigation-elements/) [Widgets ❯ ](https://www.toujou.de/service/element-library/widgets/) [Headline element ❯ ](https://www.toujou.de/service/element-library/text-elements/headline-element/) [Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/)