{"id":2714,"date":"2024-02-26T10:30:56","date_gmt":"2024-02-26T10:30:56","guid":{"rendered":"https:\/\/helpcenter.greyd.io\/off-canvas-close-button-de\/"},"modified":"2024-11-21T18:26:29","modified_gmt":"2024-11-21T17:26:29","slug":"off-canvas-close-button-de","status":"publish","type":"post","link":"https:\/\/helpcenter.greyd.io\/de\/off-canvas-close-button-de\/","title":{"rendered":"How can I make sure to only have one close X in my off-canvas burger menu?"},"content":{"rendered":"<p>In the Customizer navigation settings you can chose whether or not to display a close button in an off-canvas template. As off-canvas templates are often used in combination with burger icons, a close button is often not necessary as the burger icon itself acts as a close button. However, on mobile screens it may happen that the close button in your template will be forced in order to prevent the menu from not becoming unusable.<\/p>\n<p>You can easily change this with the following CSS snippet:<\/p>\n<pre>#mainmenuoff .hamburger {\n    display: none;\n}\n<\/pre>\n<figure style=\"width: 34.3241%;max-width: 100%\" class=\"\">\n        <img decoding=\"async\" alt=\"Customizer navigation settings\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/64870aac7f8c2575e3544b89\/file-RypgNvSMqH.png\" \/><figcaption>Customizer navigation settings<\/figcaption><\/figure>\n<figure style=\"width: 57.3%;max-width: 100%\" class=\"\">\n        <img decoding=\"async\" alt=\"With a close-button and a burger icon, you may happen to unintentionally display two close buttons \" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/64870c1074c2142995f91b1b\/file-EnZP8YRY6E.png\" \/><figcaption>With a close-button and a burger icon, you may happen to unintentionally display two close buttons <\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In the Customizer navigation settings you can chose whether or not to display a close button in an off-canvas template. As off-canvas templates are often used in combination with burger icons, a close button is often not necessary as the burger icon itself acts as a close button. However, on mobile screens it may happen [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"greyd_block_editor_preview":[],"footnotes":""},"categories":[188],"tags":[836,830,839,833,842],"topics":[827,629],"class_list":["post-2714","post","type-post","status-publish","format-standard","hentry","category-general","tag-burger-menu-de","tag-close-button-de","tag-off-canvas-menu-de","tag-schliesen-button-de","tag-x-button-de","topics-navigation-de","topics-templates-post-types-de"],"lang":"de","translations":{"de":2714,"en":2367},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/2714"}],"collection":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/comments?post=2714"}],"version-history":[{"count":1,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/2714\/revisions"}],"predecessor-version":[{"id":4508,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/2714\/revisions\/4508"}],"wp:attachment":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/media?parent=2714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/categories?post=2714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/tags?post=2714"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/topics?post=2714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}