Espacio entre imagen de cabecera y menú

  • Resuelto carlosburgos

    (@carlosburgos)


    hace 11 años, 5 meses

    Hola, tengo un blog con la plantilla Manifest.

    No tiene opción de incluir imagen, así que hay que tocar PHP. He incluido una línea que hace que aparezca la imagen, pero el menú de la parte inferior (el que contiene las páginas, archivos, enlaces, etc), se monta encima de la imagen.

    La línea que he incluido para hacer aparecer la imagen es esta:

    <div id=»header» onclick=»location.href=’http://www.ejemploweb.com/'» style=»background-image: url(http://www.sitioweb.com/wp-content/themes/manifest_v1.1/images/logocabecera.png); background-repeat: no-repeat; background-position:top;»>

    ¿Alguien puede decirme qué línea incluir para que el menú no monte sobre la imagen de cabecera?

    ¡Gracias!

Viendo 1 respuesta (de un total de 1)
  • Iniciador del debate carlosburgos

    (@carlosburgos)

    hace 11 años, 5 meses

    Vale, me respondo a mí mismo porque he seguido probando, y quizás le sirva a alguien más tarde.

    Para desplazar el menú tras poner la imagen, hay que tocar el style.css, concretamente esta línea:

    /* Main Navigation
    ——————————————————————-*/

    #mainNav{
    margin-top: 110px;
    padding: 5px;
    background: #FBFBFB;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;

    Ese margin-top tenía 30px y lo he subido a 110, que era suficiente para que no montara la imagen.

    Saludos.

Viendo 1 respuesta (de un total de 1)
  • El debate ‘Espacio entre imagen de cabecera y menú’ está cerrado a nuevas respuestas.