{"id":330,"date":"2023-09-23T13:56:40","date_gmt":"2023-09-23T13:56:40","guid":{"rendered":"https:\/\/doc.freevision.me\/luxed\/?p=330"},"modified":"2023-09-23T18:54:06","modified_gmt":"2023-09-23T18:54:06","slug":"header-settings","status":"publish","type":"post","link":"https:\/\/doc.freevision.me\/luxed\/header-settings\/","title":{"rendered":"Header Settings"},"content":{"rendered":"\n<p>Access your theme&#8217;s typography settings is via the WordPress Customizer. To launch it, go to <strong>Appearance \u2192 Customize \u2192 Header <\/strong>in your WordPress dashboard.<\/p>\n\n\n\n<p>You can customize your header from the live <strong>customizer > Header panel<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"299\" height=\"606\" src=\"https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_general-1.jpg\" alt=\"\" class=\"wp-image-334\" srcset=\"https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_general-1.jpg 299w, https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_general-1-148x300.jpg 148w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"413\" src=\"https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_general2-1024x413.jpg\" alt=\"\" class=\"wp-image-335\" srcset=\"https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_general2-1024x413.jpg 1024w, https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_general2-300x121.jpg 300w, https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_general2-768x309.jpg 768w, https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_general2.jpg 1504w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Most of options have been made self explanatory.<\/strong><\/p>\n\n\n\n<p>The best way to approach your header design is to safely test different layout and design options from the various customizer options. Then once you are happy with your design, simply publish it live.<\/p>\n\n\n\n<p>When working on your header, keep in mind that the design on desktop devices will not be the same as the one on mobile devices, due to the dimensions difference. You can preview your website at various widths with the device controls at the bottom of the live customizer panel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"299\" height=\"146\" src=\"https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_general3.jpg\" alt=\"\" class=\"wp-image-336\"\/><\/figure>\n\n\n\n<h2>Navigation Settings<\/h2>\n\n\n\n<p>Quite advanced options are offered for the header area, which is one of the areas where you will need the most customization throughout the site.<\/p>\n\n\n\n<p>Under Navigation Menus, you can decide the positioning options and other effects of menus on the header.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"915\" height=\"953\" src=\"https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_navigation-1.jpg\" alt=\"\" class=\"wp-image-338\" srcset=\"https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_navigation-1.jpg 915w, https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_navigation-1-288x300.jpg 288w, https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_navigation-1-768x800.jpg 768w\" sizes=\"(max-width: 915px) 100vw, 915px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"544\" src=\"https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_settings.png\" alt=\"\" class=\"wp-image-341\" srcset=\"https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_settings.png 300w, https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_settings-165x300.png 165w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<ul>\n<li>You can style the menu by using the vertical alignment feature.<\/li>\n\n\n\n<li>You can optionally enter the navigation width manually.<\/li>\n\n\n\n<li>To add the Search feature to the menu, just activate the &#8220;Search Icon&#8221; setting.<\/li>\n\n\n\n<li>It is enough to activate the &#8220;Basket Icon&#8221; setting to display the basket of your online store in the menu.<\/li>\n\n\n\n<li>If you want to add a cool hover effect to your menu links, simply activate the &#8220;Hover Effect&#8221; setting.<\/li>\n\n\n\n<li>It is also very easy to adjust the menu height and the spacing between links.<\/li>\n<\/ul>\n\n\n\n<h2>Changing header colors<\/h2>\n\n\n\n<p>You can also define custom foreground and background colors. Do you need a gradient background ? Yes you can do that too!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"299\" height=\"647\" src=\"https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_bg_settings.png\" alt=\"\" class=\"wp-image-339\" srcset=\"https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_bg_settings.png 299w, https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_bg_settings-139x300.png 139w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/figure>\n\n\n\n<h2>Sticky Navigation<\/h2>\n\n\n\n<p>To have sticky navigation on your menu please enable &#8220;Sticky Menu&#8221; feature.<\/p>\n\n\n\n<p><strong>Don&#8217;t forget to press the Publish button after making the necessary settings.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"300\" src=\"https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_settings2.png\" alt=\"\" class=\"wp-image-348\" srcset=\"https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_settings2.png 300w, https:\/\/doc.freevision.me\/luxed\/wp-content\/uploads\/sites\/25\/2023\/09\/customizer_header_settings2-150x150.png 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Access your theme&#8217;s typography settings is via the WordPress Customizer. To launch it, go to Appearance \u2192 Customize \u2192 Header in your WordPress dashboard. You can customize your header from the live customizer > Header panel. Most of options have been made self explanatory. The best way to approach your header design is to safely [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[33],"tags":[],"_links":{"self":[{"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/posts\/330"}],"collection":[{"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/comments?post=330"}],"version-history":[{"count":8,"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/posts\/330\/revisions"}],"predecessor-version":[{"id":372,"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/posts\/330\/revisions\/372"}],"wp:attachment":[{"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/media?parent=330"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/categories?post=330"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/doc.freevision.me\/luxed\/wp-json\/wp\/v2\/tags?post=330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}