Fixar menu ao rolar a página

Detalhes da questão

Endereço do fórum: https://ssevolution.forumbrasil.net/
Versão do fórum: ModernBB

Descrição

Eu gostaria de saber se é possível deixar o menu "fixo" quando rolar a página para baixo? Para ele sempre estar aparecendo.

Bom dia!

Procure pelo codigo .is-sticky em seu css e substitua position: relative !important; por este codigo aqui:

Código:

 position: fixed !important;

Ve se funciona! Meu forum nao é a mesma versão que o seu, por isso talvez nao funcione!

leleca.greco escreveu:Bom dia!

Procure pelo codigo .is-sticky em seu css e substitua position: relative !important; por este codigo aqui:

Código:

 position: fixed !important;

Ve se funciona! Meu forum nao é a mesma versão que o seu, por isso talvez nao funcione!

Bom dia! Eu não tenho esse código que você mencionou para procurar em meu CSS, vou te enviar ele para você ver como está atualmente:

Código:

.table-title, .table-title h2 {
    text-shadow:none!important;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif!important;
    font-size: 20px!important;
    font-weight: 700!important;
    }
.forumtitle {
    color: #bd3f2a!important;
}
/* AVATAR RETANGULAR */
.post .postprofile-avatar img {
    width: unset;
    height: unset;
    border-radius: 0;
    max-height: 250px;
}

a[href^="/u"] span[style^="color:#FCF568"] {
text-shadow: 0px 0px 5px yellow;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}

a[href^="/u"] span[style^="color:#436B7A"] {
text-shadow: 0px 0px 5px blue;
background: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
} 
.table-title, .table-title h2 {
    font-family: Arial !important;
    font-weight: 900 !important;
    font-size: 20px !important;
 }
 
#fa_menulist {
      line-height: 52px !important;
}
 
ul.forums li.row dl {
border-bottom: 1px solid #bd3f2a;
 border-left: 1px solid #bd3f2a;
    border-right: 1px solid #bd3f2a; }
li.row {
    border-color: transparent !important;
}
a[href="/u1"] {
    background: url(https://i.imgur.com/6EHq3rY.gif);
}
 
a[href="/g1-administrador"] {
background: url(https://i.imgur.com/6EHq3rY.gif);
}

a[href="/g2-moderadores"] {
text-shadow: 0 0 5px #00F;
}

a[href="/u1"] {
font-style: oblique
}

span[style*="#B3B577"] strong {
    font-weight: 100!important;
}

span[style*="#168BB5"] strong {
    font-weight: 100!important;
}

span[style*="#894999"] strong {
    font-weight: 100!important;
}

span[style*="#E67512"] strong {
    font-weight: 100!important;
}

span[style*="#BDFCE5"] strong {
    font-weight: 100!important;
}

span[style*="#B39F7D"] strong {
    font-weight: 100!important;
}

a.gensmall  {
    font-weight: normal;
}

a[href="/g1-administrador"] {
background: url(https://i.imgur.com/6EHq3rY.gif);
font-weight: bold;
font-style: oblique
}

a[href="/g2-moderadores"] {
text-shadow: 0 0 5px #00F;
font-weight: bold;
}

a[href="/g3-Juízes"] {
text-shadow: 0 0 5px #00F;
font-weight: bold;
}

.box {
    padding: 10px;
    color: black;
    margin: 10px 0 10px 0;
    border-radius: 3px;
}
.box div[align="center"] a {
    padding: 5px;
    background-color: white;
    border-radius: 5px;
}
.box h2 {
    text-align: center;
}
.box.vermelho {
    background-color: #dc3545;
    color: white;
}
.box.amarelo {
    background-color: #BD3F2A;
}
.box.azul {
    background-color: blue;
    color: white;
}

Ache este codigo aqui:

Código:


#fa_menulist {
      line-height: 52px !important;
}

E substitua por este:

Código:


#fa_menulist {
      line-height: 52px !important;
position: fixed !important;
}

Ve se funciona!

Alterei, mas não tive resultado, continua sumindo a barra de menu quando rola a página

É entao para esse tipo de forum sei resolver nao kkkkkk Esperar um ajudeiro especializado olhar amigo ^^

Em 3 dias se ninguém mais responder sua duvida, responde um UP aqui para manter a duvida ativa!

Olá @pablolp,

No overall_footer_end (Template em Geral) encontre var header_top = $('#headerbar-top'); e substitua por var header_top = $('.menu'); na Folha de estilo (CSS) adicione o seguinte:

Código:

.menu.is-sticky {
position: fixed !important;
top: calc(0px + 42px);
left: 0;
width: 100%;
}

Atenciosamente,
tikky.