Tengo una barra de navegación con posición fija, pero en algunos dispositivos ios no aparece, la busqué en Google y creo que es un problema con la posición fija. Entonces, cambié a absoluto, pero la barra de navegación va al final de la página. ¿Alguien sabe qué propiedad css puedo pasar para centralizarla en la parte superior de la página? Ya estoy usando "superior: 0"

aquí está el código:

 <Header> <NewNavbar /> </Header>

componente con estilo de encabezado:

 export const Header = styled.header` position: absolute; top: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; // padding: 0 20px; min-height: 52px; `;

No sé si esta podría ser otra razón por la que Safari no muestra el componente de barra de navegación, pero el componente NewNavbar también tiene algunos divs que solo se muestran cuando está en un tamaño móvil.

 {mobileSidebar ? ( <Grid xs={6} item className={classes.mobile}> <Button onClick={toggleDrawerMobile(true)}> <MenuIcon /> </Button> </Grid> ) : null}

ACTUALIZAR !!!! ¡Gracias a todos! lo pude solucionar dándole al padre div la altura 100vh!!!