Ancho de Scrolling text

Solved

Ancho de Scrolling text

Sebastian41
New Member
8 0 0

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

 

Sebastian41_2-1737813582357.png

 

 

Sebastian41_1-1737813572476.png

 

 

 

 

 

Accepted Solution (1)
CodingFifty
Shopify Partner
616 98 118

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>

 

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

Replies 8 (8)

CodingFifty
Shopify Partner
616 98 118

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
New Member
8 0 0

Hola 👋 

hecho!, ya esta listo.

CodingFifty
Shopify Partner
616 98 118

Hola,

 

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

 

CodingFifty_0-1737816208308.png

 

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
New Member
8 0 0

😢😢😢

 

se mantiene aun 😢

 

Sebastian41_0-1737816804237.png

 

CodingFifty
Shopify Partner
616 98 118

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
New Member
8 0 0

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

 

Sebastian41_0-1737839870050.png

 

 

 

CodingFifty
Shopify Partner
616 98 118

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>

 

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
New Member
8 0 0

funciono!, muchas gracias 👏🏻👏🏻👌🏼