{"id":923,"date":"2016-07-22T14:39:58","date_gmt":"2016-07-22T14:39:58","guid":{"rendered":"http:\/\/bigtop.dev\/?page_id=923"},"modified":"2016-10-08T16:01:49","modified_gmt":"2016-10-08T14:01:49","slug":"setup","status":"publish","type":"page","link":"https:\/\/sg-demo.com\/amare-basic\/setup\/","title":{"rendered":"Setup"},"content":{"rendered":"<h2>Genesis Settings<\/h2>\n<p>The Amare demo is set to have an image logo (which is included in the skin). You\u00b4ll find that in Genesis Theme settings &#8211; Use for site title\/logo: Image logo. If you use Dynamic text there, you might run into spacing problems if title and\/or tagline are too long.<\/p>\n<h2>Logo\/Title<\/h2>\n<p>Included Amare Logo image is 160px width and 50px height. If you use a logo with different dimensions, you need to do edits in Dynamik Design &#8211; Header\u00a0 (Header minimum height and Title Area Width\/Height) and Dynamik Design &#8211; Skins &#8211; Amare (Basic) &#8211; CSS (read the comments):<\/p>\n<p><code>\/* Set width and height to size of your logo when image in use! *\/<\/code><\/p>\n<h2>Menus<\/h2>\n<ul>\n<li>In Appearance &#8211; Menus, set up a menu for the Header Right widget area. Go to Appearance &#8211; Widgets, drag a Custom Menu widget into Header Right widget area and choose that menu in the dropdown and save.<\/li>\n<li>In Appearance &#8211; Menus, set up a second, identical menu and at the bottom (Menu Settings), click the checkbox &#8220;Primary Navigation Menu&#8221;. This menu will replace the header menu on mobiles and show up as a hamburger menu. If you see a reason, you could also use different (or less) menu items here. However, that might be confusing.<\/li>\n<li>In Appearance &#8211; Menus, you CAN set up a secondary menu also (click the checkbox at the bottom accordingly). This is the colored one with descriptions seen in the demo. This is optional.<\/li>\n<\/ul>\n<h4>How to get the menu descriptions for the secondary menu:<\/h4>\n<p>In Appearance &#8211; Menus, click the &#8220;Screen Options&#8221; button top right on your screen. Make sure the &#8220;Description&#8221; checkbox is checked. Create your menu. For every item, click on the &#8220;down&#8221; arrow to reveal the options, then enter a (short!) description in the Description box. Don\u00b4t forget to save when you\u00b4re done.<\/p>\n<p><div class=\"arconix-box arconix-box-red\"><strong>CAUTION:<\/strong><br \/>\nDue to the fixed header, you can only use the primary menu with the following option checked in Dynamik Design &#8211; Responsive &#8211; click Show\/Hide button:<br \/>\n&#8220;<strong>Are you using a Header Menu?<\/strong> Use Primary Menu as a mobile version of the Header Menu&#8221;.<br \/>\nIf you uncheck this, the primary menu will be visible, but moved up to run under the transparent header on frontpage. Also, the header menu will not display as a hamburger menu any more. Not pretty.<br \/>\n<\/div><br \/>\n<a class=\"button\" title=\"Read how to set up Feature Top!\" href=\"http:\/\/sg-demo.com\/amare-basic\/feature-top\/\">Read how to set up Feature Top here!<\/a><\/p>\n<h2>Fat Footer<\/h2>\n<p>You\u00b4ll find the settings in Dynamik Design &#8211; EZ &#8211; Fat Footer EZ-Widget Areas. Imported setting is: Visible everywhere. If you don\u00b4t plan to use the Feature Top, just uncheck the checkboxes and set &#8220;Select A Fat Footer Layout&#8221; to &#8220;Disabled&#8221;.<br \/>\nThe layout is set to &#8220;EZ Fat Footer 3&#8221; (you can choose a different layout here again). You can change the settings and colors to your liking.<\/p>\n<p><strong>Code sample for business data with Font Awesome icons in Fat Footer box 3:<\/strong><br \/>\nSee business-info.html here: <a href=\"https:\/\/gist.github.com\/SiGaCode\/01ae780463681c7ed6b5634d2e5ff7ae#file-business-info-html\" target=\"_blank\">Code samples for Amare<\/a><\/p>\n<h2>Custom CSS<\/h2>\n<p>You\u00b4ll find the custom CSS for the skin in Dynamik Design &#8211; Skins &#8211; Amare (Basic) &#8211; CSS (button, click).<br \/>\nYou might have to go there to change some colors and logo size.\u00a0 Basic understanding of CSS is required. The code is organized, please read the comments.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Genesis Settings The Amare demo is set to have an image logo (which is included in the skin). You\u00b4ll find that in Genesis Theme settings &#8211; Use for site title\/logo: Image logo. If you use Dynamic text there, you might run into spacing problems if title and\/or tagline are too long. Logo\/Title Included Amare Logo &#8230; <a href=\"https:\/\/sg-demo.com\/amare-basic\/setup\/\" rel=\"nofollow\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages\/923"}],"collection":[{"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/comments?post=923"}],"version-history":[{"count":5,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages\/923\/revisions"}],"predecessor-version":[{"id":1208,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages\/923\/revisions\/1208"}],"wp:attachment":[{"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/media?parent=923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}