Shopify themes, liquid, logos, and UX
Hola,
alguien sabe como se puede modificar el ancho de un scrolling text.
en la version de escritorio se ve bien, pero en la movil el scrolling sobre pasa el ancho de la pantalla del dispositivo, manteniendo el ancho de la versión de escritorio.
(tema mr parker)
adjunto imagen
Solved! Go to the solution
This is an accepted solution.
Ve al archivo theme.liquid, busca <head> y pega el código en la siguiente línea después de <head>.
<style>
@media (max-width: 768px){
#shopify-section-template--23767982735651__scrolling_marquee_dWtEDh .scrolling__marquee-section {
padding: 5px 0;
overflow-x: hidden !important;
width: fit-content !important;
}
html,body{
overflow-x: hidden !important;
width: 100% !important;
}
}
</style>
Hi @Sebastian41,
Por favor, agregue el texto desplazable, luego lo ajustaré.
Hola 👋
hecho!, ya esta listo.
Hola,
Genial, si necesitas ayuda con algo, no dudes en decírmelo.
😢😢😢
se mantiene aun 😢
Hi @Sebastian41,
Ve a la tienda en línea, luego a Tema y selecciona Editar código.
Busca el archivo base.css/theme.css/style.css/main.css/custom.css y agrega el código proporcionado al final del archivo.
@media (max-width: 768px){
#shopify-section-template--23767982735651__scrolling_marquee_dWtEDh .scrolling__marquee-section {
padding: 5px 0;
overflow-x: hidden !important;
width: fit-content !important;
}
html,body{
overflow-x: hidden !important;
width: 100% !important;
}
}
No existe ese camino al archivo, (base.css/theme.css/style.css/main.css/custom.css), revisando uno a uno, no existe. 😩
This is an accepted solution.
Ve al archivo theme.liquid, busca <head> y pega el código en la siguiente línea después de <head>.
<style>
@media (max-width: 768px){
#shopify-section-template--23767982735651__scrolling_marquee_dWtEDh .scrolling__marquee-section {
padding: 5px 0;
overflow-x: hidden !important;
width: fit-content !important;
}
html,body{
overflow-x: hidden !important;
width: 100% !important;
}
}
</style>
funciono!, muchas gracias 👏🏻👏🏻👌🏼
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025