Altura del encabezado más baja
El encabezado predeterminado para el sitio web de CONTENTdm en modo de vista de escritorio/tableta es de 150 píxeles. En la vista móvil, la altura del encabezado se reduce a 120 píxeles. Algunos usuarios preferirían que el encabezado del escritorio ocupe menos espacio en la pantalla en el modo de escritorio. Esta receta utiliza CSS personalizado para reducir la altura total del encabezado. Esta personalización dependerá de cuán grande sea la imagen de su logotipo y de cuán largo sea el título de su encabezado. Hay algunas opciones en el CSS para tener en cuenta parte de esta diversidad.
Nota: Si está utilizando la función de vista previa de la herramienta de configuración del sitio web para ver esta receta antes de publicarla, los elementos del encabezado pueden aparecer desalineados debido al botón Salir del modo de vista previa en la parte superior de la página. Esto ocurre solo en el modo de Vista previa y la alineación debe ser correcta una vez que se publique y se visualice fuera del modo de Vista previa.
Esta receta funciona de inmediato con un logotipo simple + encabezado de texto. Hay varias opciones de configuración dentro de los comentarios del archivo CSS. Por ejemplo, esta receta establece la nueva altura del encabezado en 75 píxeles, la mitad de la altura predeterminada, pero se puede cambiar a otra altura si lo prefiere. Usted necesitaría modificar algunos de los valores de píxel en el CSS si desea una altura diferente a 75px.
Otra opción de configuración para esta receta está relacionada con las imágenes de banner. Si su encabezado depende de una imagen de banner de ancho completo, puede modificar el CSS de esta receta para tener en cuenta el tamaño de la imagen de banner y, al mismo tiempo, reducir la altura general del encabezado. Por supuesto, este cambio dependerá del tamaño (ancho) de su imagen de banner y podría requerir una modificación del archivo de imagen de banner para que se ajuste adecuadamente a la nueva altura.
Por último, esta receta de altura de cabecera más corta se puede utilizar junto con la receta de Encabezado de desplazamiento. El archivo CSS de la receta de encabezado corto contiene una sección que incorpora el encabezado 'Scroll away', pero está comentada por defecto, por lo que no estará activa. Si desea que su cabecera abreviada también se desplace a medida que se desplaza la página, puede eliminar dos líneas del archivo CSS. Ambas líneas que deben eliminarse dicen «elimine esta línea por completo para activar el encabezado desplazable». Tenga en cuenta también que el encabezado de desplazamiento depende de una configuración de altura particular, por lo que si cambia la altura del encabezado acortado desde el valor predeterminado de 75 px en esta receta, debe modificar el valor demargin-bottomen la clasecdm-headeren consecuencia.