Soporte » Diseño – Temas y plantillas » Header fijo me tapa parte del contenido

  • Resuelto welcomedigital

    (@welcomedigital)


    Hola,

    Estoy diseñando una tienda online y al poner un menú superior que quede fijo al hacer scroll, me tapa una parte de la zona superior de todas las páginas. También me tapa una parte de la zona superior del carrito y de la página de finalizar la compra. He probado de añadir un código html con un padding a la parte superior de la página pero me lo añade al menú.

    ¿Cómo puedo aplicar un padding a la parte «top» de todas las páginas pero que no me lo aplique al menú?

    Graicas.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Hola @welcomedigital,

    Si solo quieres que afecte al contenido y no al header puedes usar el siguiente código y jugar con el valor dependiendo del alto del header:

    #content {
        padding-top: 138px;//Para desktop
    }

    Para añadir ese código podrás hacerlo desde Apariencia/Personalizar/CSS adicional. Hay veces en las que debes limpiar caché para que estos cambios se reflejen.

    Espero haberte ayudado, Saludos

    Iniciador del debate welcomedigital

    (@welcomedigital)

    Hola! Lo he aplicado y funciona. El único problema es que me agranda el alto del menú superior. ¿Qué puedo hacer? Gracias.

    Hola @welcomedigital,

    No lo agranda, solo que al tener el fondo blanco parece eso. En realidad puedes jugar con el valor hasta encontrar el más oportuno.

    Ahora, tras las modificaciones que has hecho, el alto del header está en unos 109px. Es por este motivo que podrías poner ese valor para el padding superior de #content.

    Por favor, marca como resuelto este debate cuando así sea.

    Espero haberte ayudado, Saludos

    Iniciador del debate welcomedigital

    (@welcomedigital)

    Genial. Gracias!

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Header fijo me tapa parte del contenido’ está cerrado a nuevas respuestas.