Re: Ancho de Scrolling text

Sebastian41 · ‎01-25-2025

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

CodingFifty · ‎01-26-2025

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>

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

View solution in original post

CodingFifty · ‎01-25-2025

Hi @Sebastian41,

Por favor, agregue el texto desplazable, luego lo ajustaré.

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

Sebastian41 · ‎01-25-2025

Hola 👋

hecho!, ya esta listo.

CodingFifty · ‎01-25-2025

Hola,

Genial, si necesitas ayuda con algo, no dudes en decírmelo.

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

Sebastian41 · ‎01-25-2025

😢😢😢

se mantiene aun 😢

CodingFifty · ‎01-25-2025

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;
}
}

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

Sebastian41 · ‎01-25-2025

No existe ese camino al archivo, (base.css/theme.css/style.css/main.css/custom.css), revisando uno a uno, no existe. 😩

CodingFifty · ‎01-26-2025

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>

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

Sebastian41 · ‎01-26-2025

funciono!, muchas gracias 👏🏻👏🏻👌🏼

Re: Ancho de Scrolling text

Ancho de Scrolling text

Community Blog Articles