Temas de Shopify, liquid, logotipos y temas similares
Hola!
Mi tienda está en www.dogdynasty.cl y lo que quisiera hacer es destacar "Elige tu Regalo!" de color rojo en el menú superior.
Estoy usando el tema Supply de shopify, y he intentado agregar este código al final de Tienda Online>Editar código>recursos>theme.scss.liquid, pero no pasa nada 🤔
//For Desktop
#Details-HeaderMenu-2 >summary.list-menu__item{
color: #fff;
}
#Details-HeaderMenu-2> .header__menu-item .icon-caret{
color: #fff;
}
#Details-HeaderMenu-2{
background:red;
}
//For Mobile
#Details-menu-drawer-menu-item-2{
background: red;
}
Saqué ese código de otra respuesta en Shopify.
Algo así quisiera lograr:
Agradezco de antemano su ayuda 🙂
¡Resuelto! Ir a solución.
Éxito.
Hola @MDellafiori
Para poder lograr eso haz lo siguiente:
#navBar ul li:nth-child(2) {
background-color: red;
color: white;
}
Guarda los cambios y recarga tu página. Con el código anterior el estilo que quieres se vería igual tanto en vista móvil como en escritorio.
Saludos.
Espero mi respuesta haya sido de ayuda, si fue así por favor dale Me gusta para hacérmelo saber.
WhatsApp:+52 5646279452
Email: alfredomendozamg@gmail.com
Éxito.
Hola @MDellafiori
Tienes razón, disculpa por el problema:
Reemplaza el código anterior por el siguiente:
#AccessibleNav, #MobileNav{
> li:nth-child(2) {
background-color: red; color: white;
}
}
Eso debería solucionar el problema en el resto de listas.
Saludos.
Espero mi respuesta haya sido de ayuda, si fue así por favor dale Me gusta para hacérmelo saber.
WhatsApp:+52 5646279452
Email: alfredomendozamg@gmail.com
Éxito.
Hola @MDellafiori
Para poder lograr eso haz lo siguiente:
#navBar ul li:nth-child(2) {
background-color: red;
color: white;
}
Guarda los cambios y recarga tu página. Con el código anterior el estilo que quieres se vería igual tanto en vista móvil como en escritorio.
Saludos.
Espero mi respuesta haya sido de ayuda, si fue así por favor dale Me gusta para hacérmelo saber.
WhatsApp:+52 5646279452
Email: alfredomendozamg@gmail.com
Funcionó perfecto! Muchas gracias 😊
Mentira jajaj... todos los segundos ítems de todos los menús ahora son rojos 😅
Éxito.
Hola @MDellafiori
Tienes razón, disculpa por el problema:
Reemplaza el código anterior por el siguiente:
#AccessibleNav, #MobileNav{
> li:nth-child(2) {
background-color: red; color: white;
}
}
Eso debería solucionar el problema en el resto de listas.
Saludos.
Espero mi respuesta haya sido de ayuda, si fue así por favor dale Me gusta para hacérmelo saber.
WhatsApp:+52 5646279452
Email: alfredomendozamg@gmail.com
Ahora si! Muchísimas gracias 😊
Usuario | POSICIONAMIENTO |
---|---|
2 | |
2 | |
1 | |
1 | |
1 |
En este artículo, vas a aprender sobre todo lo que tienes que saber sobre la creación, ...
By Javier Nov 23, 2023Como bonanza anual de BFCM ofrece una oportunidad increíble de exponer tu tienda a una ...
By Javier Nov 17, 2023Muchas tiendas son exitosas porque lograron crear su propia comunidad en línea. En lugar d...
By Val Nov 16, 2023