{"id":2997,"date":"2020-04-23T13:43:21","date_gmt":"2020-04-23T12:43:21","guid":{"rendered":"https:\/\/silvawebdesigns.com\/?p=2997"},"modified":"2020-04-23T13:45:40","modified_gmt":"2020-04-23T12:45:40","slug":"bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita","status":"publish","type":"post","link":"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/","title":{"rendered":"Bootstrap 4 &#8211; Barra de navega\u00e7\u00e3o m\u00f3vel a deslizar da esquerda para a direita"},"content":{"rendered":"<p>Pretende alterar o comportamento padr\u00e3o da barra de navega\u00e7\u00e3o do Bootstrap 4? Bem, voc\u00ea est\u00e1 no lugar certo. O menu padr\u00e3o para celular \u00e9 um hamburger menu, que, quando clicado, deslizar\u00e1 para os itens.<\/p>\n<p>Existem v\u00e1rias maneiras de fazer isso usando jQuery \/ JavaScript, mas a melhor maneira, na minha opini\u00e3o, \u00e9 usar apenas CSS \u00e0 moda antiga.<\/p>\n<p>Para fazer isso, podemos substituir os estilos de transi\u00e7\u00e3o para o navbar-collapse da seguinte maneira:<\/p>\n<h3>Navega\u00e7\u00e3o m\u00f3vel &#8211; Deslizar da esquerda<\/h3>\n<pre class=\"prettyprint\"><code class=\"language-CSS\">\r\n@media (max-width: 768px) {\r\n    .navbar-collapse {\r\n        position: absolute;\r\n        top: 54px;\r\n        left: 0;\r\n        padding-left: 15px;\r\n        padding-right: 15px;\r\n        padding-bottom: 15px;\r\n        width: 100%;\r\n    }\r\n    .navbar-collapse.collapsing {\r\n        height: auto;\r\n        -webkit-transition: left 0.3s ease;\r\n        -o-transition: left 0.3s ease;\r\n        -moz-transition: left 0.3s ease;\r\n        transition: left 0.3s ease;\r\n        left: -100%;\r\n    }\r\n    .navbar-collapse.show {\r\n        left: 0;\r\n        -webkit-transition: left 0.3s ease-in;\r\n        -o-transition: left 0.3s ease-in;\r\n        -moz-transition: left 0.3s ease-in;\r\n        transition: left 0.3s ease-in;\r\n    }\r\n}\r\n<\/code><\/pre>\n<h3>Navega\u00e7\u00e3o m\u00f3vel &#8211; Deslizar da direita<\/h3>\n<pre class=\"prettyprint\"><code class=\"language-CSS\">\r\n@media (max-width: 992px) {\r\n    .navbar-collapse {\r\n        position: absolute;\r\n        top: 54px;\r\n        right: 100%;\r\n        padding-left: 15px;\r\n        padding-right: 15px;\r\n        padding-bottom: 15px;\r\n        width: 100%;\r\n        transition: all 0.3s ease;\r\n        display: block;\r\n    }\r\n    .navbar-collapse.collapsing {\r\n        height: auto !important;\r\n        margin-right: 50%;\r\n        transition: all 0.3s ease;\r\n        display: block;\r\n    }\r\n    .navbar-collapse.show {\r\n        right: 0;\r\n    }\r\n}\r\n<\/code><\/pre>\n<p>Espero que este tutorial r\u00e1pido o tenha ajudado. Se precisar de mais assist\u00eancia, deixe um coment\u00e1rio abaixo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pretende alterar o comportamento padr\u00e3o da barra de navega\u00e7\u00e3o do Bootstrap 4? Bem, voc\u00ea est\u00e1 no lugar certo. O menu padr\u00e3o para celular \u00e9 um hamburger menu, que, quando clicado, deslizar\u00e1 para os itens. Existem v\u00e1rias maneiras de fazer isso usando jQuery \/ JavaScript, mas a melhor maneira, na minha opini\u00e3o, \u00e9 usar apenas CSS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4258,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2668],"tags":[],"class_list":["post-2997","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-pt"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Bootstrap 4 - Barra de navega\u00e7\u00e3o m\u00f3vel a deslizar da esquerda para a direita - Silva Web Designs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bootstrap 4 - Barra de navega\u00e7\u00e3o m\u00f3vel a deslizar da esquerda para a direita - Silva Web Designs\" \/>\n<meta property=\"og:description\" content=\"Pretende alterar o comportamento padr\u00e3o da barra de navega\u00e7\u00e3o do Bootstrap 4? Bem, voc\u00ea est\u00e1 no lugar certo. O menu padr\u00e3o para celular \u00e9 um hamburger menu, que, quando clicado, deslizar\u00e1 para os itens. Existem v\u00e1rias maneiras de fazer isso usando jQuery \/ JavaScript, mas a melhor maneira, na minha opini\u00e3o, \u00e9 usar apenas CSS [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/\" \/>\n<meta property=\"og:site_name\" content=\"Silva Web Designs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/silvawebdesigns\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-23T12:43:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-23T12:45:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/silvawebdesigns.com\/wp-content\/uploads\/2020\/09\/bootstrap-sidebar-menu-left-right.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"499\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nathan da Silva\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@silvawebdesigns\" \/>\n<meta name=\"twitter:site\" content=\"@SilvaWebDesigns\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nathan da Silva\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\\\/\"},\"author\":{\"name\":\"Nathan da Silva\",\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/#\\\/schema\\\/person\\\/93c26772304ff34e04ac7bdf04bf318c\"},\"headline\":\"Bootstrap 4 &#8211; Barra de navega\u00e7\u00e3o m\u00f3vel a deslizar da esquerda para a direita\",\"datePublished\":\"2020-04-23T12:43:21+00:00\",\"dateModified\":\"2020-04-23T12:45:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\\\/\"},\"wordCount\":125,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/silvawebdesigns.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/bootstrap-sidebar-menu-left-right.jpg\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\\\/\",\"url\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\\\/\",\"name\":\"Bootstrap 4 - Barra de navega\u00e7\u00e3o m\u00f3vel a deslizar da esquerda para a direita - Silva Web Designs\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/silvawebdesigns.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/bootstrap-sidebar-menu-left-right.jpg\",\"datePublished\":\"2020-04-23T12:43:21+00:00\",\"dateModified\":\"2020-04-23T12:45:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\\\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\\\/#primaryimage\",\"url\":\"https:\\\/\\\/silvawebdesigns.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/bootstrap-sidebar-menu-left-right.jpg\",\"contentUrl\":\"https:\\\/\\\/silvawebdesigns.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/bootstrap-sidebar-menu-left-right.jpg\",\"width\":1000,\"height\":499},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bootstrap 4 &#8211; Barra de navega\u00e7\u00e3o m\u00f3vel a deslizar da esquerda para a direita\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/\",\"name\":\"Silva Web Designs\",\"description\":\"Digital Designer \\\/ Developer\",\"publisher\":{\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/#organization\",\"name\":\"Silva Web Designs\",\"url\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/silvawebdesigns.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/silva-favicon-1500px-square.jpg\",\"contentUrl\":\"https:\\\/\\\/silvawebdesigns.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/silva-favicon-1500px-square.jpg\",\"width\":1500,\"height\":1500,\"caption\":\"Silva Web Designs\"},\"image\":{\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/silvawebdesigns\\\/\",\"https:\\\/\\\/x.com\\\/SilvaWebDesigns\",\"https:\\\/\\\/instagram.com\\\/silvawebdesigns\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/silva-web-designs\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/silvawebdesigns.com\\\/pt\\\/#\\\/schema\\\/person\\\/93c26772304ff34e04ac7bdf04bf318c\",\"name\":\"Nathan da Silva\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/04d872f2b931c8bf79d9011df51428be32a4b3f0cfe73eafe5f6abe718438aa3?s=96&d=retro&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/04d872f2b931c8bf79d9011df51428be32a4b3f0cfe73eafe5f6abe718438aa3?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/04d872f2b931c8bf79d9011df51428be32a4b3f0cfe73eafe5f6abe718438aa3?s=96&d=retro&r=g\",\"caption\":\"Nathan da Silva\"},\"description\":\"Nathan is the Founder of Silva Web Designs. He is passionate about web development, website design and basically anything digital-related. His main expertise is with WordPress and various other CMS frameworks. If you need responsive design, SEO, speed optimisation or anything else in the world of digital, you can contact Silva Web Designs here; hello@silvawebdesigns.com\",\"sameAs\":[\"https:\\\/\\\/silvawebdesigns.com\",\"https:\\\/\\\/www.instagram.com\\\/silvawebdesigns\\\/\",\"https:\\\/\\\/linkedin.com\\\/company\\\/silvawebdesigns\",\"https:\\\/\\\/x.com\\\/silvawebdesigns\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bootstrap 4 - Barra de navega\u00e7\u00e3o m\u00f3vel a deslizar da esquerda para a direita - Silva Web Designs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/","og_locale":"pt_PT","og_type":"article","og_title":"Bootstrap 4 - Barra de navega\u00e7\u00e3o m\u00f3vel a deslizar da esquerda para a direita - Silva Web Designs","og_description":"Pretende alterar o comportamento padr\u00e3o da barra de navega\u00e7\u00e3o do Bootstrap 4? Bem, voc\u00ea est\u00e1 no lugar certo. O menu padr\u00e3o para celular \u00e9 um hamburger menu, que, quando clicado, deslizar\u00e1 para os itens. Existem v\u00e1rias maneiras de fazer isso usando jQuery \/ JavaScript, mas a melhor maneira, na minha opini\u00e3o, \u00e9 usar apenas CSS [&hellip;]","og_url":"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/","og_site_name":"Silva Web Designs","article_publisher":"https:\/\/www.facebook.com\/silvawebdesigns\/","article_published_time":"2020-04-23T12:43:21+00:00","article_modified_time":"2020-04-23T12:45:40+00:00","og_image":[{"width":1000,"height":499,"url":"https:\/\/silvawebdesigns.com\/wp-content\/uploads\/2020\/09\/bootstrap-sidebar-menu-left-right.jpg","type":"image\/jpeg"}],"author":"Nathan da Silva","twitter_card":"summary_large_image","twitter_creator":"@silvawebdesigns","twitter_site":"@SilvaWebDesigns","twitter_misc":{"Escrito por":"Nathan da Silva","Tempo estimado de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/#article","isPartOf":{"@id":"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/"},"author":{"name":"Nathan da Silva","@id":"https:\/\/silvawebdesigns.com\/pt\/#\/schema\/person\/93c26772304ff34e04ac7bdf04bf318c"},"headline":"Bootstrap 4 &#8211; Barra de navega\u00e7\u00e3o m\u00f3vel a deslizar da esquerda para a direita","datePublished":"2020-04-23T12:43:21+00:00","dateModified":"2020-04-23T12:45:40+00:00","mainEntityOfPage":{"@id":"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/"},"wordCount":125,"commentCount":0,"publisher":{"@id":"https:\/\/silvawebdesigns.com\/pt\/#organization"},"image":{"@id":"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/#primaryimage"},"thumbnailUrl":"https:\/\/silvawebdesigns.com\/wp-content\/uploads\/2020\/09\/bootstrap-sidebar-menu-left-right.jpg","articleSection":["CSS"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/","url":"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/","name":"Bootstrap 4 - Barra de navega\u00e7\u00e3o m\u00f3vel a deslizar da esquerda para a direita - Silva Web Designs","isPartOf":{"@id":"https:\/\/silvawebdesigns.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/#primaryimage"},"image":{"@id":"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/#primaryimage"},"thumbnailUrl":"https:\/\/silvawebdesigns.com\/wp-content\/uploads\/2020\/09\/bootstrap-sidebar-menu-left-right.jpg","datePublished":"2020-04-23T12:43:21+00:00","dateModified":"2020-04-23T12:45:40+00:00","breadcrumb":{"@id":"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/#primaryimage","url":"https:\/\/silvawebdesigns.com\/wp-content\/uploads\/2020\/09\/bootstrap-sidebar-menu-left-right.jpg","contentUrl":"https:\/\/silvawebdesigns.com\/wp-content\/uploads\/2020\/09\/bootstrap-sidebar-menu-left-right.jpg","width":1000,"height":499},{"@type":"BreadcrumbList","@id":"https:\/\/silvawebdesigns.com\/pt\/bootstrap-4-barra-de-navegacao-movel-a-deslizar-da-esquerda-para-a-direita\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/silvawebdesigns.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Bootstrap 4 &#8211; Barra de navega\u00e7\u00e3o m\u00f3vel a deslizar da esquerda para a direita"}]},{"@type":"WebSite","@id":"https:\/\/silvawebdesigns.com\/pt\/#website","url":"https:\/\/silvawebdesigns.com\/pt\/","name":"Silva Web Designs","description":"Digital Designer \/ Developer","publisher":{"@id":"https:\/\/silvawebdesigns.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/silvawebdesigns.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/silvawebdesigns.com\/pt\/#organization","name":"Silva Web Designs","url":"https:\/\/silvawebdesigns.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/silvawebdesigns.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/silvawebdesigns.com\/wp-content\/uploads\/2022\/07\/silva-favicon-1500px-square.jpg","contentUrl":"https:\/\/silvawebdesigns.com\/wp-content\/uploads\/2022\/07\/silva-favicon-1500px-square.jpg","width":1500,"height":1500,"caption":"Silva Web Designs"},"image":{"@id":"https:\/\/silvawebdesigns.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/silvawebdesigns\/","https:\/\/x.com\/SilvaWebDesigns","https:\/\/instagram.com\/silvawebdesigns\/","https:\/\/www.linkedin.com\/company\/silva-web-designs\/"]},{"@type":"Person","@id":"https:\/\/silvawebdesigns.com\/pt\/#\/schema\/person\/93c26772304ff34e04ac7bdf04bf318c","name":"Nathan da Silva","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/secure.gravatar.com\/avatar\/04d872f2b931c8bf79d9011df51428be32a4b3f0cfe73eafe5f6abe718438aa3?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/04d872f2b931c8bf79d9011df51428be32a4b3f0cfe73eafe5f6abe718438aa3?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/04d872f2b931c8bf79d9011df51428be32a4b3f0cfe73eafe5f6abe718438aa3?s=96&d=retro&r=g","caption":"Nathan da Silva"},"description":"Nathan is the Founder of Silva Web Designs. He is passionate about web development, website design and basically anything digital-related. His main expertise is with WordPress and various other CMS frameworks. If you need responsive design, SEO, speed optimisation or anything else in the world of digital, you can contact Silva Web Designs here; hello@silvawebdesigns.com","sameAs":["https:\/\/silvawebdesigns.com","https:\/\/www.instagram.com\/silvawebdesigns\/","https:\/\/linkedin.com\/company\/silvawebdesigns","https:\/\/x.com\/silvawebdesigns"]}]}},"_links":{"self":[{"href":"https:\/\/silvawebdesigns.com\/pt\/wp-json\/wp\/v2\/posts\/2997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silvawebdesigns.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/silvawebdesigns.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/silvawebdesigns.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/silvawebdesigns.com\/pt\/wp-json\/wp\/v2\/comments?post=2997"}],"version-history":[{"count":3,"href":"https:\/\/silvawebdesigns.com\/pt\/wp-json\/wp\/v2\/posts\/2997\/revisions"}],"predecessor-version":[{"id":3000,"href":"https:\/\/silvawebdesigns.com\/pt\/wp-json\/wp\/v2\/posts\/2997\/revisions\/3000"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/silvawebdesigns.com\/pt\/wp-json\/wp\/v2\/media\/4258"}],"wp:attachment":[{"href":"https:\/\/silvawebdesigns.com\/pt\/wp-json\/wp\/v2\/media?parent=2997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/silvawebdesigns.com\/pt\/wp-json\/wp\/v2\/categories?post=2997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/silvawebdesigns.com\/pt\/wp-json\/wp\/v2\/tags?post=2997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}