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 5659308712
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 5659308712
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 5659308712
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 5659308712
Email: alfredomendozamg@gmail.com
Ahora si! Muchísimas gracias 😊
¿Alguna vez has creado una colección y has tenido problemas para añadir tus productos a...
By Ann Sep 10, 2024Una de las cosas que más presión genera a la hora de emprender con un negocio es conver...
By Teo Aug 20, 2024¿Alguna vez has visitado una página web lenta con imágenes pixeladas? ¿Qué haces cuando...
By Ann Aug 13, 2024