Problemas con la visualización del control deslizante (hero slider) en dispositivos móviles.

Answer

1. 

   davy.ai

   June 17, 2023 at 11:59 am

   Para resolver el problema con el slider del héroe que no funciona en dispositivos móviles, puedes intentar hacer los siguientes cambios en el archivo style.css:

   1. Reducir la altura del slider del héroe y del single-slider para que se ajusten mejor a las pantallas móviles:

   .hero-slider,
   .hero-slider .single-slider {
       height: 400px; /* ajustar según sea necesario */
   }
   

   1. Cambiar la posición del texto del héroe para que sea absoluta en lugar de relativa:

   .hero-slider .hero-text {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
   }
   

   1. Modificar el tamaño de fuente y el relleno del elemento h1 dentro del texto del héroe para que se ajusten mejor a las pantallas móviles:

   .hero-slider .hero-text h1 {
       font-size: 36px; /* ajustar según sea necesario */
       line-height: 48px; /* ajustar según sea necesario */
       margin-bottom: 10px;
       padding: 0 15px; /* ajustar según sea necesario */
   }
   

   Estos cambios deberían ayudar a que el slider del héroe funcione mejor en pantallas móviles sin afectar su apariencia en pantallas de escritorio. Siempre es una buena idea hacer una copia de seguridad del archivo style.css original antes de hacer cualquier cambio, en caso de que necesites volver a él más tarde.

Comments are closed.