Buenas gente, tengo un problema relativamente sencillo pero las "soluciones" que traté de usar como que no funcionaron.
En teoría lo que estoy haciendo es un media simple que cambia la disposición de un solo elemento a inline y le quita las posiciones absolutas y lo pondría centrado arriba, debajo de un div que contiene una imágen, absolutamente nada más.
El estilo del media es este(en scss):
Código CSS:
Ver original#sidebar-nav{
display: inline-block;
margin: 0 auto;
li{
list-style-type: none;
display: inline-block;
}
i{
color: $white;
}
}
Este es el código del estilo normal:
Código CSS:
Ver original#sidebar-nav{
position: absolute;
right: 0px;
top: 50%;
li{
list-style-type: none;
}
i{
color: $white;
@include transition-property(color);
@include transition-duration(0.7s);
@include transition-timing-function(ease-in);
&:hover{
color: $link-color;
}
}
}
El html (traducido de twig) sería este:
Justo despues de ese div es que vienen todos los demás elementos, pero en teoría esto debería posicionar el div en ese lugar no? Igual les dejo unas imágenes:
Así es normal, como lo quiero
y...
Así es en teoría como quiero que quede, en esa disposición, pero no en ese lugar sino justo debajo del "bug" rojo de arriba...
¿Qué estaría haciendo mal entonces? D: Gracias de antemano