Hola, @Claudia1212 :
Gracias por escribirnos. Entiendo que algunas de tus páginas de colecciones se muestran con un margen adicional por encima del título. Algunos de estos márgenes se han eliminado correctamente con un código personalizado de CSS. Sin embargo, en otras colecciones sigue apareciendo, ¿cierto? Será un placer ayudar.
Antes de nada, la configuración de las páginas, secciones, márgenes, etc. puede variar en función del tema que estés usando en tu tienda. En este caso, ¿podrías confirmarme qué plantillas estás utilizando? Puedes revisar esta cuestión a través de la sección Tienda online > Temas > Personalizar. En esta página, haz clic en los Tres puntos que aparecen en la esquina superior izquierda para acceder al nombre del tema.
Si se trata de una plantilla desarrollada por Shopify; me alegra informarte de que contamos con un equipo de especialistas que pueden implementar personalizaciones por ti si cumples con la política de diseño. En este caso, lo ideal sería escribirnos a través del Centro de Ayuda para ajustar los márgenes por ti. Si usas una plantilla desarrollada por un proveedor externo, lo ideal sería contactar con su equipo de soporte para revisar si existe algún tipo de configuración adicional para ajustar los márgenes de las páginas de colecciones. Te dejo un enlace a nuestra documentación con información sobre encontrar ayuda para un tema.
Dicho esto, cabe tener en cuenta que las cuestiones sobre API, código Liquid, JavaScript o CSS complejas quedan fuera de nuestra capacidad de conocimiento. Ahora bien, revisando el código que nos compartes, es probable que este solo se esté aplicando a plantillas específicas y no a todas las de la tienda. Dime, ¿podrías confirmarme si actualmente usas diferentes plantillas para las distintas colecciones de tu página?
En este caso, te recomendaría ingresar el siguiente código CSS para ver si así se soluciona esta cuestión. Puedes añadir este código a través de la sección Tienda online > Temas > Personalizar. En esta página, haz clic en el Icono de engranaje de la izquierda y localiza el apartado CSS personalizado. Te dejo a continuación el código y un enlace a nuestra documentación sobre cómo funciona la herramienta de CSS personalizado:
.main-content {> margin-top: 0 !important;> }
Dime, ¿podrías confirmarme si este código ayuda a eliminar los márgenes de esta sección? Si no es así, puedes comunicarte con nuestros especialistas o los desarrolladores de la plantilla. Alternativamente, tienes la opción de contratar a un Partner de Shopify. Este es un portal de expertos y desarrolladores que pueden darte presupuesto para cualquier tipo de personalización o revisión de código personalizado en tu tienda. Mientras revisas esto, ¿cómo va el resto de cuestiones con la configuración de tu tienda de Shopify?