Menu de navegação

Detalhes da questão

Endereço do fórum: http://megacityrpg.forumeiros.com/
Versão do fórum: phpBB2

Descrição

Olá amigos gostaria de colocar meu menu de navegação abaixo do banner, já vi vários tutoriais aqui e não consegui.

Meu menu de navegação: https://i.imgur.com/P4KCDnG.png

Como eu quero que fique meu menu de navegação abaixo do banner:
https://i.imgur.com/ZkKbUIr.png

Olá autor, boa tarde.

Antes de tudo acesse:

Painel de Controle -> Visualização -> Página inicial -> Cabeçalho & Navegação

E em: Exibir apenas as imagens no menu de navegação deixe não.

Depois de feito isto, acesse:

Painel de Controle -> Visualização -> Imagens e Cores -> Gestão das imagens -> Modo avançado

E retire as imagens que estais a utilizar, e me avise no tópico para prosseguirmos com o resto.

Até logo.

Certo while, fiz o que você mandou e agora?

Adicione esse código em sua folha de estilo css:

Código:

#page-header > div.navbar > div > ul {top:50px;background:#000;width:83%;margin-left:-15px;padding:8px;}
        #main-content {margin-top:30px!important;}
        a.mainmenu {color:#fff;}

Até mais.

while escreveu:Adicione esse código em sua folha de estilo css:

Código:

#page-header > div.navbar > div > ul {top:50px;background:#000;width:83%;margin-left:-15px;padding:8px;}
        #main-content {margin-top:30px!important;}
        a.mainmenu {color:#fff;}

Até mais.

Ainda não resulta while, veja https://i.imgur.com/7l51myp.png

eu peço por favor que fique igual ao print que eu mandei, se não der tudo bem.

coloquei o banner e ficou em cima do banner, veja https://i.imgur.com/mAmvFPS.png

Troque o código acima por este:

Código:

 #page-header > div.navbar > div > ul {top:130px;width:83%;margin-left:-15px;padding:8px;}
#page-header > div.navbar > div > ul {background:#000;}
        #main-content {margin-top:30px!important;}
        a.mainmenu {color:#fff;margin-left:10px;}
        #search-box {margin-top:60px;}

Não ta o mesmo fundo pois não sei o valor hexadicimal na print [...] Mas, você pode procurar por:

Código:

#page-header > div.navbar > div > ul {background:#000;}

E trocar o #000 pelo valor hexadicimal da cor.

Até mais.

Ainda não resulta, pois está ultrapassando o fórum, o tamanho, entende?

http://prntscr.com/em2e04

Tente esse código:

Código:

#page-header > div.navbar > div > ul {
    position: initial;
    background: #000;
    margin: 0 -15px !important;
    padding: 8px;
    width: auto;
}

ficou bom, porém a cor do texto ficou muito fraca, veja: http://prntscr.com/emf6kb

Adicione ao seu CSS:

Código:

a.mainmenu {
    color: #fff;
}

Obrigado, pode fechar.