{"id":2613,"date":"2023-06-16T19:56:44","date_gmt":"2023-06-16T19:56:44","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/uncategorized\/basics-add-navigation-to-your-pages\/"},"modified":"2025-02-17T11:53:51","modified_gmt":"2025-02-17T11:53:51","slug":"basics-add-navigation-to-your-pages","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/basics-add-navigation-to-your-pages\/","title":{"rendered":"Basics: Add Navigation to your Pages"},"content":{"rendered":"\n<p>Navigation links allow you to build deeper experiences where respondents can control what content they view at a given time.<\/p>\n\n\n\n<p>To add navigation to your page, simply click and drag the navigation icon from the Basics category within your Palette tab into any container on your page to add three navigation links.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"549\" height=\"336\" loading=\"lazy\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot_11-3.png\" alt=\"\" class=\"wp-image-7278\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_11-3.png 549w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_11-3-300x184.png 300w\" sizes=\"auto, (max-width: 549px) 100vw, 549px\" \/><\/figure>\n\n\n\n<p>To add more navigation links, simply drag the <strong>navigation item<\/strong> icon into your navigation bar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"501\" height=\"329\" loading=\"lazy\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot_12-2.png\" alt=\"\" class=\"wp-image-7279\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_12-2.png 501w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_12-2-300x197.png 300w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Responsive<\/h3>\n\n\n\n<p>You can also make your navigation responsive by simply checking a box! You can find the responsive checkbox when the navigation is selected. With this box checked, when viewed on a mobile device, you will see that the navigation shrinks to a small button that respondents can click to view the navigation links.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"507\" height=\"382\" loading=\"lazy\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot_13-2.png\" alt=\"\" class=\"wp-image-7280\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_13-2.png 507w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_13-2-300x226.png 300w\" sizes=\"auto, (max-width: 507px) 100vw, 507px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Micro-Theme Styling<\/h3>\n\n\n\n<p>When working with navigation, you will also be able to apply styling to it using micro-themes that are on-brand per your brand guidelines. Simply select the style of navigation you want from the micro-theme dropdowns.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p>If you have any questions, please contact us on <a href=\"mailto:help@ioninteractive.com\" rel=\"noopener noreferrer nofollow\">help@ioninteractive.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Navigation links allow you to build deeper experiences where respondents can control what content they view at a given time. To add navigation to your page, simply click and drag the navigation icon from [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":5328,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[940,22],"tags":[2297],"class_list":["post-2613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-navigation","category-the-functionalities","tag-navigation"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=2613"}],"version-history":[{"count":2,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2613\/revisions"}],"predecessor-version":[{"id":7281,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2613\/revisions\/7281"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5328"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=2613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=2613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=2613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}