estoy teniendo un inconveniente con una page de ngx-admin creada por mi. He creado un div fijo, que no se mueve a modo de encabezado, para que cuando el usuario scrolea ese div quede siempre a tope y asi siempre se vea la informacion de mi tramite. Hasta aca todo bien. El inconveniente se plantea cuando el usuario expande el menú lateral izquierdo. Toda la parte de la page responde bien, excepto el div fijo que puse yo arriba. Les dejo la siguiente imagen, donde se muestra cuando todo se ve lindo.
Cuando yo expando el menú lateral izquierdo, sucede esto:
El css del div superior es el siguiente:
.superior {
position: fixed;
z-index: 100;
background: #f1f5f8;
width: 92%;
height: 200px;
top: 3rem;
border-bottom: $rojo-claro dotted 1px;
}
La verdad es que soy muy novato con css y no encontré la forma de solucionarlo. Probé de quitarle el "width: 92%" y mejora, pero no cubre todo el ancho de la pantalla. Realmente no sé como decirle que si el menu está expandido, que el ancho sea otro. Otra cosa que intenté fue ponerle un z-index grande al menu lateral izquierdo, pero nunca me respondió ese intento. Espero me puedan dar una mano, es importantisimo que lo solucione. Si necesitan mas codigo, por favor me lo piden que edito y agrego. Gracias de antemano
left: 0;
al css