{"id":76,"date":"2020-05-03T12:38:44","date_gmt":"2020-05-03T12:38:44","guid":{"rendered":"http:\/\/redhost:8888\/documentation\/?page_id=76"},"modified":"2023-11-11T14:28:24","modified_gmt":"2023-11-11T14:28:24","slug":"header","status":"publish","type":"page","link":"https:\/\/docs.redsun.design\/marni\/header\/","title":{"rendered":"The Header"},"content":{"rendered":"\n

The Logo<\/a>
The Navigation Menu<\/a>
The Header Layout <\/a><\/p>\n\n\n\n

The Logo<\/h4>\n\n\n\n
    \n
  1. Go to\u00a0Appearance \u2192<\/strong><\/strong> Customizer \u2192<\/strong><\/strong> Site Identity\u00a0<\/strong>.<\/li>\n\n\n\n
  2. Click Select logo <\/strong>and upload your logo.
    (It is recommended to upload your logo twice the width and height that you actually want to display it so it looks sharp on Retina screens. For example if you wish to display a logo with a width of 200px and a height of 100px, upload a logo with a width of 400px and a height of 200px.)<\/li>\n\n\n\n
  3. Below, enter your logo’s width.
    (For example if you uploaded a logo with a width of 400px, enter 200.)<\/li>\n\n\n\n
  4. (Info: the MARNI logo uses the “Futura” font.)<\/li>\n<\/ol>\n\n\n\n

    The Navigation Menu<\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    <\/div>\n\n\n\n
      \n
    1. Click\u00a0Appearance \u2192<\/strong><\/strong> Menus<\/strong>.<\/li>\n\n\n\n
    2. Create a new menu or edit the existing one. Detailed instructions on how to work with the WordPress menu can be found in the WordPress Menu User Guide<\/a><\/li>\n<\/ol>\n\n\n\n
        \n
      1. In Menu Settings<\/strong> select Display location Primary<\/strong> and click Save Menu<\/strong>.<\/li>\n<\/ol>\n\n\n
        \n
        \"\"<\/figure><\/div>\n\n\n
          \n
        1. Click on the drop down arrow of a menu item to change the Navigation Label or if you want to open the menu item in a new tab.<\/li>\n<\/ol>\n\n\n
          \n
          \"\"<\/figure><\/div>\n\n\n
            \n
          1. Click Screen Options<\/strong> in the top right corner for more options.<\/li>\n<\/ol>\n\n\n\n

            The Header Layout<\/h4>\n\n\n\n
              \n
            1. Go to Appearance \u2192<\/strong><\/strong> Customizer \u2192<\/strong><\/strong> Layout \u2192<\/strong><\/strong> Header <\/strong>.<\/li>\n\n\n\n
            2. The theme includes 4 main header layouts:
              – Logo centered between Navigation items
              – Navigation below Logo
              – Navigation in Top Bar
              – Logo left – Navigation right
              Each of the above layouts comes with additional options.<\/li>\n\n\n\n
            3. In order for the social icons to appear in the header, go to Appearance \u2192<\/strong><\/strong> <\/strong> Customize \u2192<\/strong><\/strong> <\/strong> Connect\u2192<\/strong><\/strong> <\/strong> Social Accounts<\/strong>, click Add new social account <\/strong>and fill in the social account info.<\/li>\n<\/ol>\n\n\n\n

              INFO:<\/strong>
              The option “Logo centered between Navigation options” will only work if a menu is assigned to the Primary Menu Display Location<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"The LogoThe Navigation MenuThe Header Layout The Logo Go to\u00a0Appearance \u2192 Customizer \u2192 Site Identity\u00a0. Click Select logo and upload your logo.(It is recommended to upload your logo twice the width and ...","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":35,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":4,"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":5232,"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/pages\/76\/revisions\/5232"}],"wp:attachment":[{"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/media?parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}