Barra de navegação

Detalhes da questão

Endereço do fórum: http://gsf-nwd.forumeiros.com
Versão do fórum: ModernBB

Descrição

Mudei meu fórum recentemente pra nova versão, "modernBB" Porém a barra aonde fica: Início, portal, Galeria, etc..
Quando você desse para baixo do fórum essas opções descem também e ficam no meio da tela, como faço para fixar elas no lugar? Obrigado!

Olá,

Não compreendi muito bem qual o seu problema em questão, poderia mostrar imagens dele ou explicar um pouco melhor sobre?

Até mais!

Exemplo: Não tem a Barra de navegação do fórum, aonde fica, Início, portal, perfil, etc? Ela fica centralizada perto do banner correto? Porém quando você vai descendo a pagina, essa barra começa a correr pro meio da tela, ela não fica lá em cima fixada no lugar, vou deixar uma foto de exemplo.



Em vermelho é aonde ela fica bugada, em azul era aonde ela tinha que ficar.

Olá,

Adiciona esse código na sua Folha de estilo CSS

Código:

ul.navbar.navlinks.borderless {
    margin-top: 103px!important;
}
.is-sticky#headerbar-top {
    margin-top: -103px!important;
}

Até mais!

Teria como deixar uma "Caixa" verde em volta? Igual eu mostrei na imagem? Agora ela ficou lá mas sumiu o verde está branco.

Olá,

Substitua o código por esse

Código:

#page-header > .headerbar .navbar.navlinks {
background-color: #00bf0a;
    box-shadow: 0 0 3px rgba(0,0,0,0.9);
    height: auto;
width: 100%;
}
ul.navbar.navlinks.borderless {
    margin-top: 103px!important;
}
.is-sticky#headerbar-top {
    margin-top: -103px!important;
}

Até mais!

Isso é essa barra que eu quero que fique, porém só quando você desce a página, ela ficou até lá no banner e atrapalha a visualização

Olá,

Substitua todos os código que passei pelo código abaixo

Código:

#page-header > .headerbar .navbar.navlinks {
    bottom: 0px!important;
}
ul.navbar.navlinks.borderless {
    margin-top: 103px!important;
}
.is-sticky#headerbar-top {
    margin-top: -103px!important;
}

Até mais!

Agora a barra de navegação ficou no meio do banner, bugou

Olá,

Poderia deixar o código ativo no fórum?

Até mais!

Sim, irei ativar agora.

Olá,

Substitua o código pelo código abaixo

Código:

#page-header > .headerbar .navbar.navlinks {
    bottom: 0px!important;
}
ul.navbar.navlinks.borderless {
    margin-top: 113px!important;
}
.is-sticky#headerbar-top {
    margin-top: -103px!important;
}

Caso não fique na posição que deseja, é só alterar o número "113" até ficar na posição que deseja

Até mais!

Agora está na posição correta, só que não está ficando aquela borda verde em volta, olha queria que ficasse assim.



Porém ele não está ficando com essa borda verde.

Alguém para me ajudar com esse pequeno problema?