{"id":72,"date":"2016-03-15T09:33:35","date_gmt":"2016-03-15T09:33:35","guid":{"rendered":"https:\/\/grooni.com\/docs\/groovy-menu\/?page_id=72"},"modified":"2022-04-27T17:15:54","modified_gmt":"2022-04-27T17:15:54","slug":"logo-settings","status":"publish","type":"page","link":"https:\/\/grooni.com\/docs\/groovy-menu\/global-settings-2\/logo-settings\/","title":{"rendered":"Logo settings"},"content":{"rendered":"<p>Please navigate to <code>Groovy menu &gt; General settings &gt; LOGO tab<\/code><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-833\" src=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/groovy-menu-how-to-upload-logo.png\" alt=\"\" width=\"1890\" height=\"1059\" srcset=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/groovy-menu-how-to-upload-logo.png 1890w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/groovy-menu-how-to-upload-logo-300x168.png 300w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/groovy-menu-how-to-upload-logo-768x430.png 768w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2019\/01\/groovy-menu-how-to-upload-logo-1024x574.png 1024w\" sizes=\"(max-width: 1890px) 100vw, 1890px\" \/><\/p>\n<p><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Groovy menu has the ability to add logotype as an image (including SVG) as well as text.<\/span><\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can set 6 different logo images for different states of the menu.<\/span><\/p>\n<h2><b>Logo image types<\/b><\/h2>\n<h3>Default logo<\/h3>\n<p><span style=\"font-weight: 400;\">The option sets a default logo that will be set to each state if any other one doesn&#8217;t exist.<\/span><\/p>\n<h3>Alternative logo<\/h3>\n<p><span style=\"font-weight: 400;\">In case you apply more than one menu presets within the theme (e.g., one for a home page and another for the rest pages) you can add an alternative logo to be set at any page as well as the default logo. Switcher between default and alternative logo is included into preset settings.<\/span><\/p>\n<h3>Sticky menu logo<\/h3>\n<p><span style=\"font-weight: 400;\">Generally, sticky menu height is to be adjusted smaller in order to save free space of a page. So, you can set default logo smaller or simplified for that reason in sticky state menu.<\/span><\/p>\n<h3>Sticky menu alternative logo<\/h3>\n<p><span style=\"font-weight: 400;\">Generally, sticky menu height is to be adjusted smaller in order to save free space of a page. So you can set alternative logo smaller or simplified for that reason in sticky state menu.<\/span><\/p>\n<h3>Mobile logo<\/h3>\n<p><span style=\"font-weight: 400;\">The mobile menu has less space to operate with. So you can adjust your logo smaller or simplified for that reason in mobile state menu.<\/span><\/p>\n<h3>Icon menu logo<\/h3>\n<p><span style=\"font-weight: 400;\">Add here logo that will be displayed in the icon menu. Note: icon menu is set to be 70px width.<\/span><\/p>\n<div class=\"alert alert-warning\"><strong>SVG Logo:<\/strong> How to upload and set SVG image as Logo <a href=\"https:\/\/grooni.com\/docs\/groovy-menu\/faq\/how-to-upload-and-set-svg-image-as-logo\/\">Read here<\/a><\/div>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n<h2>How to change type of the outputted logo<\/h2>\n<h4>Show as text \/ image&nbsp; or no logo<\/h4>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-2041\" src=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/12\/groovy-menu-no-logo-text-logo.png\" alt=\"\" width=\"1249\" height=\"962\" srcset=\"https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/12\/groovy-menu-no-logo-text-logo.png 1249w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/12\/groovy-menu-no-logo-text-logo-300x231.png 300w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/12\/groovy-menu-no-logo-text-logo-1024x789.png 1024w, https:\/\/grooni.com\/docs\/groovy-menu\/wp-content\/uploads\/sites\/3\/2020\/12\/groovy-menu-no-logo-text-logo-768x592.png 768w\" sizes=\"(max-width: 1249px) 100vw, 1249px\" \/><\/p>\n<h4><strong>Video tutorial<p><\/p>\n<\/strong><p><strong><\/strong><\/p><\/h4>\n<p><iframe loading=\"lazy\" width=\"100%\" height=\"650\" src=\"https:\/\/www.youtube.com\/embed\/w1SIBwMdfn8?start=162\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe><\/p>","protected":false},"excerpt":{"rendered":"<p>Please navigate to Groovy menu &gt; General settings &gt; LOGO tab Groovy menu has the ability to add logotype as &hellip; <a href=\"https:\/\/grooni.com\/docs\/groovy-menu\/global-settings-2\/logo-settings\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":69,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/72"}],"collection":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":7,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":2669,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/72\/revisions\/2669"}],"up":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/pages\/69"}],"wp:attachment":[{"href":"https:\/\/grooni.com\/docs\/groovy-menu\/wp-json\/wp\/v2\/media?parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}