Como ajustar a altura da barra de navegação superior e do banner

Você não pode fazer isso normalmente, mas pode fazer com CSS, mas depende muito da altura que você deseja. Posso perguntar qual é o motivo disso? Obrigado.

A barra de navegação superior parece muito alta em relação ao logotipo e ao avatar.

A altura do banner também parece um pouco alta em relação à altura do texto.

Você poderia me fornecer o código CSS para modificar isso, se possível?

Olá, a qual banner você está se referindo? Obrigado.

1 curtida

Minha suposição é que "banner" significa a barra de cabeçalho:
image

…que você deve ser capaz de alterar assim (escolha sua própria altura e unidades):

header.d-header {
  height: 50px;
}

E talvez "barra de navegação superior" seja o menu de tópicos:
image

…que você pode alterar assim:

section.navigation-container {
  height: 40px;
}

Aviso Global

Se você inspecionar o banner de aviso global com as ferramentas de desenvolvedor do navegador, poderá ver que a div tem um ID e algumas classes:

image

Normalmente, ele recebe o preenchimento, que afeta o tamanho do banner, da classe .alert:

.alert {
padding: .5em 2.5em .5em 1em;
}

Mas você pode substituir isso apenas para o Aviso Global, assim:

#global-notice-alert-global-notice {
  padding: .2em .5em .2em .5em;
}

image

1 curtida

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.