{"id":18846,"date":"2022-01-09T18:17:17","date_gmt":"2022-01-09T17:17:17","guid":{"rendered":"https:\/\/fran.cosmobuzz.es\/?p=18846"},"modified":"2022-07-18T17:21:22","modified_gmt":"2022-07-18T15:21:22","slug":"cabecera-mas-ancha-que-contenido-en-gp","status":"publish","type":"post","link":"https:\/\/fran.cosmobuzz.es\/en\/cabecera-mas-ancha-que-contenido-en-gp\/","title":{"rendered":"Cabecera m\u00e1s ancha que contenido en GeneratePress"},"content":{"rendered":"<p>GeneratePress es un gran tema, ligero, econ\u00f3mico y bien estructurado, pero todav\u00eda le faltan algunas funcionalidades a golpe de click.<\/p>\n\n\n\n<p>GP Premium da la posibilidad de ajustar el ancho del contenido incluida su cabecera, pero cuando deseamos tener un ancho diferente entre el contenedor (ej: 800px) y la cabecera (ej: 1200px) la cosa se vuelve m\u00e1s compleja porque tendremos que estar ajustando distintas \u00e1reas de la p\u00e1gina para conseguir el efecto deseado.<\/p>\n\n\n\n<p>Por eso lo vamos hacer mediante c\u00f3digo CSS, f\u00e1cil y pr\u00e1ctico:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>header#masthead .inside-header.grid-container.grid-parent,\nnav#secondary-navigation .inside-navigation.grid-container.grid-parent {\n    max-width: 1200px;\n}<\/code><\/pre>\n\n\n\n<p>Con este fragmento a\u00f1adido al CSS adicional desde el personalizador, modificaremos el ancho de la cabecera sin necesidad de tener todo el contenido con el mismo tama\u00f1o.<\/p>\n\n\n\n<p>Si tenemos activada la opci\u00f3n del men\u00fa fijo insertaremos el siguiente c\u00f3digo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>nav#sticky-navigation .inside-navigation.grid-container.grid-parent {\n    max-width: 1200px;\n}<\/code><\/pre>\n\n\n\n<p>Con estos dos fragmentos ya habremos personalizado el tama\u00f1o de la cabecera\/men\u00fa principal a 1200px, independientemente del resto del contenido.<\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":18848,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[196],"tags":[222],"_links":{"self":[{"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/posts\/18846"}],"collection":[{"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/comments?post=18846"}],"version-history":[{"count":0,"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/posts\/18846\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/media\/18848"}],"wp:attachment":[{"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/media?parent=18846"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/categories?post=18846"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fran.cosmobuzz.es\/en\/wp-json\/wp\/v2\/tags?post=18846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}