Title: Header responsive
Last modified: 2 de octubre de 2016

---

# Header responsive

 *  Resuelto [flowerjam](https://es.wordpress.org/support/users/flowerjam/)
 * (@flowerjam)
 * [hace 9 años, 9 meses](https://es.wordpress.org/support/topic/header-responsive/)
 * Hola a todos!
    Estoy utilizando la plantilla MARLA de WordPress y tengo un problema:
   el header no es responsive. Se ve la imagen (el logo) muy grande desde el móvil,
   y no se como cambiarlo. Intenté tocando el código html pero no lo logré. Alguien
   podrá ayudarme? Mi página es yogadelalma.com Ante todo muchisimas gracias!!!

Viendo 15 respuestas - de la 1 a la 15 (de un total de 20)

1 [2](https://es.wordpress.org/support/topic/header-responsive/page/2/?output_format=md)
[→](https://es.wordpress.org/support/topic/header-responsive/page/2/?output_format=md)

 *  [ceslava](https://es.wordpress.org/support/users/ceslava/)
 * (@ceslava)
 * [hace 9 años, 9 meses](https://es.wordpress.org/support/topic/header-responsive/#post-51566)
 * Hola,
 * Responsive sí es, se ajusta al ancho del dispositivo, lo que debes hacer es subir
   una nueva imagen con tu logo pero que tenga de ancho unos 480px respetando el
   alto, es decir, deja un espacio transparente por ambos lados para hacerla más
   ancha. El resultado será una imagen rectangular y como máximo tendrá 480px de
   ancho en cualquier dispositivo.
 * Saludos
 *  Iniciador del debate [flowerjam](https://es.wordpress.org/support/users/flowerjam/)
 * (@flowerjam)
 * [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/#post-51637)
 * Muchas gracias! Ahora quedó perfecto.
    Lo que me quedó mal ahora es el título.
   Te paso imagen, si me podés ayudar sería genial!! Infinidad de gracias 🙂 Imagen:
   [http://es.tinypic.com/r/2r5rbbn/9](http://es.tinypic.com/r/2r5rbbn/9)
 *  Moderador [Rafa Poveda](https://es.wordpress.org/support/users/bi0xid/)
 * (@bi0xid)
 * [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/#post-51647)
 * Yo lo estoy viendo bien. Puede que sea alguna resolución concreta que tengas 
   cacheada.
 * ![](https://cldup.com/eE7gHVyLHp.png)
 * Un saludo.
 *  [ceslava](https://es.wordpress.org/support/users/ceslava/)
 * (@ceslava)
 * [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/#post-51700)
 * Hola,
 * El problema cuando es una palabra tan larga como «Bienvenidos» y una resolución
   pequeña se corta porque tiene aplicada la regla CSS
 * `word-wrap: break-word;`
 * Para que esto no ocurra puedes añadir desde la sección de personalización del
   tema una regla CSS que no corte el título
 * `h1.entry-title { word-wrap: normal }`
 * Saludos
 *  Iniciador del debate [flowerjam](https://es.wordpress.org/support/users/flowerjam/)
 * (@flowerjam)
 * [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/#post-51879)
 * Gracias a ambos! Ahora me funcionó bien.
 * Hay alguna forma de que la primer palabra no aparezca más grande que la palabra
   de abajo? («Bienvenidos a» queda más grande que «Yoga del Alma»)
 * Y otro problema que tengo es que quedó mucho, mucho espacio entre el titular 
   y el texto de las entradas y páginas. Probé cambiando el padding y margin de 
   algunas partes del editor y no me funciona. Cuál es el espacio que tengo que 
   reducir en este caso?
 * Y la última: quiero eliminar el formulario de búsqueda, pruebo borrando el contenido
   de searchform.php y no me funciona. Tengo que tocar la hoja de estilos??
 * Muchísimas gracias!
 *  Iniciador del debate [flowerjam](https://es.wordpress.org/support/users/flowerjam/)
 * (@flowerjam)
 * [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/#post-51880)
 * (Tema titular: aclaro que prefiero que quede todo del tamaño de la segunda línea,
   que de la primera. De lo contrario es muy grande)
 *  Moderador [LGrusin](https://es.wordpress.org/support/users/lgrusin/)
 * (@lgrusin)
 * [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/#post-51888)
 * Para quitar el cuadro de búsqueda tienes que editar el archivo header.php. Crea
   una copia antes por si algo va mal.
 * Donde pone:
 *     ```
       <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?><div class="fright clearfix"><form method="get" class="searchform fright clear"  action="<?php echo esc_url( home_url( '/' ) ); ?>"><input  name="s" id="topsearch" type="search" placeholder="<?php _e( 'search...', 'marla' ); ?>"/></form></div>
       ```
   
 * debe poner:
 *     ```
       <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?><div class="fright clearfix"></div>
       ```
   
 * Es decir eliminar el formulario desde <form hasta /form>
 * Lo del tamaño de la primera línea lo tienes en el style.css donde pone:
 * #content h1:first-line {
    font-size: 1.6em; line-height: 1.3em; }
 * Eso hace que la primera línea salga con un atamaño de letra diferente. Puedes
   eliminarlo todo y poner en:
 * #content h1 {
    text-align: center; padding: 45px 0; font-size: 1.2em; }
 * en font-size: 1.2em; un tamaño mayor.
 * Un saludo
    -  Esta respuesta fue modificada hace 9 años, 8 meses por [LGrusin](https://es.wordpress.org/support/users/lgrusin/).
 *  [ceslava](https://es.wordpress.org/support/users/ceslava/)
 * (@ceslava)
 * [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/#post-51889)
 * Hola,
 * El CSS que se aplica a la primera línea del titular es este, ahí mismo puedes
   cambiar el padding inferior que está puesto en 46px
 *     ```
        #content h1:first-line {
   
        font-size: 1.2em;
       padding-bottom: 0;}
       ```
   
 * Para ocultar el buscador añade este CSS
 *     ```
       #site-navigation > .fright {
           display: none;
       }
       ```
   
 * Saludos
 *  Iniciador del debate [flowerjam](https://es.wordpress.org/support/users/flowerjam/)
 * (@flowerjam)
 * [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/#post-51892)
 * Perfecto, muchas gracias a ambos! Pude ocultar el buscador y evitar que la primera
   linea tenga un texto más grande que la segunda.
    Lo que sigue sin funcionarme
   es el tema del padding: en desktop sigue habiendo mucho espacio entre el titular
   y el párrafo: esto es peor en la página de inicio del tema (la estática), no 
   es tan grande en cambio en las otras entradas. Cual de todos los paddings hay
   que tocar?? Gracias de nuevo y disculpas por las molestias!
 *  [ceslava](https://es.wordpress.org/support/users/ceslava/)
 * (@ceslava)
 * [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/#post-51929)
 * Hola de nuevo,
 * El título tiene un padding inferior y superior de 46px para quitarlo usa este,
   en mi anterior respuesta cometí un error poniéndolo en la misma regla de first-
   line, disculpa
 *     ```
       #content h1 {
       padding-bottom: 0;
       }
       ```
   
 * Saludos
 *  Iniciador del debate [flowerjam](https://es.wordpress.org/support/users/flowerjam/)
 * (@flowerjam)
 * [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/#post-51985)
 * Hola ceslava! Gracias, como siempre, pero me sigue pasando. Habrá algo que hice
   mal?
    Me pasa solo en la página principal (estática). Saqué el modo mantenimiento
   así puedes ver el código fuente. Quizás no tengo los suficientes conocimientos
   de html como para entender tus consejos, pero creo que lo hice bien! Disculpá
   las molestias!! Saludos 🙂
 *  Moderador [LGrusin](https://es.wordpress.org/support/users/lgrusin/)
 * (@lgrusin)
 * [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/#post-51987)
 * Posiblemente tengas algún párrafo en blanco antes del texto. Pon el editor en
   modo Texto para que puedas ver exactamente qué es lo que hay escrito.
 * Un saludo
 *  [ceslava](https://es.wordpress.org/support/users/ceslava/)
 * (@ceslava)
 * [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/#post-52001)
 * Hola,
 * El padding del titular está corregido, si quieres reducir más el espacio es porque
   el texto de después del título tiene un margen superior. Puedes ponerlo a 0 o
   incluso en valores negativos
 *     ```
       .entry-content {
           margin-top: 0;
       }
       ```
   
 * Pero en esa página en concreto tiene razón [@lgrusin](https://es.wordpress.org/support/users/lgrusin/),
   tienes un párrafo vacío, entra en editar esa página y borra la primera línea 
   vacía que tengas.
 * Saludos
 *  Iniciador del debate [flowerjam](https://es.wordpress.org/support/users/flowerjam/)
 * (@flowerjam)
 * [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/#post-52020)
 * Hola, acabo de escribir algo y no se ve posteado. Les decía que ese problema 
   tampoco lo pude solucionar, pero ahora tengo un problema peor: probé mirar la
   página desde otro celular que no es el mío, y se ve terrible: nada se ve centrado,
   ni el logo ni las imágenes.
    Y yo me había tomado el trabajo de ponerles a todas
   un margen transparente derecho e izquierdo para que no se salieran del espacio
   de texto. Y ahora todas se salen. También a todas obviamente les puse formato
   centrado en html. Cuál puede ser el problema? Les paso algunas imagenes: [http://es.tinypic.com/r/o7vuc1/9](http://es.tinypic.com/r/o7vuc1/9)
   [http://es.tinypic.com/r/jij33m/9](http://es.tinypic.com/r/jij33m/9) [http://es.tinypic.com/r/4rbb0g/9](http://es.tinypic.com/r/4rbb0g/9)
   Muchas gracias!
 *  Moderador [LGrusin](https://es.wordpress.org/support/users/lgrusin/)
 * (@lgrusin)
 * [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/#post-52023)
 * Pues creo que el centrado es el problema. Las imágenes salen bien no tienes por
   qué centrarlas.
 * También debes tener cuidado con los plugins que uses. La imagen del mapa en las
   entradas no sale bien, lo demás lo veo bien.
 * [@ceslava](https://es.wordpress.org/support/users/ceslava/) es el autor del tema
   y te puede orientar mejor.
 * Un saludo

Viendo 15 respuestas - de la 1 a la 15 (de un total de 20)

1 [2](https://es.wordpress.org/support/topic/header-responsive/page/2/?output_format=md)
[→](https://es.wordpress.org/support/topic/header-responsive/page/2/?output_format=md)

El debate ‘Header responsive’ está cerrado a nuevas respuestas.

## Etiquetas

 * [LOGO](https://es.wordpress.org/support/topic-tag/logo/)
 * [responsive](https://es.wordpress.org/support/topic-tag/responsive/)

 * En: [Guías – Resolución de problemas](https://es.wordpress.org/support/forum/manuales-y-resolucion-de-problemas/)
 * 20 respuestas
 * 4 participantes
 * Última respuesta de: [flowerjam](https://es.wordpress.org/support/users/flowerjam/)
 * Última actividad: [hace 9 años, 8 meses](https://es.wordpress.org/support/topic/header-responsive/page/2/#post-52306)
 * Estado: resuelto

## Debates

### Debates populares

### Debates sin respuestas

### Debates que no son soporte

### Debates resueltos

### Debates no resueltos

### Todos los debates