{"id":3967,"date":"2020-07-13T09:31:08","date_gmt":"2020-07-13T12:31:08","guid":{"rendered":"https:\/\/blog.websitego.com.br\/?p=3967"},"modified":"2023-11-13T11:55:21","modified_gmt":"2023-11-13T14:55:21","slug":"como-recolher-o-menu-responsivo-ao-clicar-nos-links","status":"publish","type":"post","link":"https:\/\/blog.websitego.com.br\/como-recolher-o-menu-responsivo-ao-clicar-nos-links\/","title":{"rendered":"Como recolher o menu responsivo ao clicar nos links?"},"content":{"rendered":"<p><iframe title=\"Script para recolher o menu ao clicar - (COLLAPSE) | WebsiteGO\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/xmXI2ItZOOM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<h3>Como recolher o menu responsivo ao clicar nos links?<\/h3>\n<p>Voc\u00ea sabe como recolher o menu responsivo ao clicar nos links de navega\u00e7\u00e3o? Se a resposta for n\u00e3o, voc\u00ea est\u00e1 no lugar certo! Lembre-se que essa situa\u00e7\u00e3o que n\u00f3s encontramos, foi criada justamente para atender o nosso problema, ent\u00e3o possa ser que o script precise de alguns ajustes caso voc\u00ea tente usar para o seu projeto tudo bem?<\/p>\n<h3>Alguns detalhes que fizeram esse script funcionar:<\/h3>\n<ol>\n<li>O site \u00e9 OnePage<\/li>\n<li>A estrutura do menu existente foi criado em cima do Collapse\/Bootstrap 3.3.7<\/li>\n<li>O script foi criado usando o <a href=\"https:\/\/www.w3schools.com\/jsref\/met_document_queryselector.asp\" target=\"_blank\" rel=\"noopener noreferrer\">queryselector<\/a><\/li>\n<\/ol>\n<p>De toda forma estamos disponibilizando esse script pois caso as caracter\u00edsticas do seu projeto seja semelhante, pode funcionar perfeitamente!<\/p>\n<h3>Conclus\u00e3o:<\/h3>\n<p>Um dica, teste tudo antes na index, e caso funcione fa\u00e7a a <a href=\"https:\/\/blog.websitego.com.br\/curso-para-criar-site-em-html\/\" target=\"_blank\" rel=\"noopener noreferrer\">otimiza\u00e7\u00e3o do c\u00f3digo<\/a> separando os arquivos por pastas e chamando apenas a URL na index. O v\u00eddeo acima \u00e9 bem resumido de como fiz o teste e como o script funcionar\u00e1 dentro do seu site ap\u00f3s instalado. Para baixar basta clicar no bot\u00e3o abaixo e adquiri-lo gratuitamente!<\/p>\n<p><a class=\"botao-vendas-a botao-vendas\" href=\"https:\/\/scripts.websitego.com.br\/recolher-menu\/\" target=\"_blank\" rel=\"noopener noreferrer\">Baixar o script gratuitamente<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Como recolher o menu responsivo ao clicar nos links? Voc\u00ea sabe como recolher o menu responsivo ao clicar nos links<\/p>\n","protected":false},"author":3,"featured_media":3892,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"single-right-sidebar.php","format":"standard","meta":[],"categories":[38,33],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/posts\/3967"}],"collection":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/comments?post=3967"}],"version-history":[{"count":0,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/posts\/3967\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/media\/3892"}],"wp:attachment":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/media?parent=3967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/categories?post=3967"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/tags?post=3967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}