Olá estou com problemas no meu código, meu menu não se sobressai sobre as demais páginas, por exemplo quando clico em quando clico no menu contatos a paginas de contatos fica na frente do menu "dropdown" , tipo o menu categorias e o minhaconta, ficam por trás das demais paginas, e outro problema que meu template diminue de tamanho quando é mostrado a página de contatos. Podem me ajudar?
Index.tpl :






















































{$TITULO_SITE}











☰









Buscar














Registre-se








Login











Carrinho















Home
Minha Conta

Cadastre-se

Login



Categorias


Popular Files


Featured Files


Top New Files


Follow Feed


Top Authors


Top New Authors





Contato


Sobre

Carrinho















{php}

Rotas::get_Pagina();

{/php}






{$TITULO_SITE}
Todos os Direitos Reservados - Nome Loja - 2020










Index.css:

/*CSS menu */

*{
margin: 0;
padding: 0;


}


.menu{
width: 100%;
height: 50px;
background-color: #fef45d;
font-family: 'Arial';
font-size: 15px;
border: 30px;


}

.menu ul{
list-style: none;
position: relative;
margin: 0;

}

.menu ul li{

width: 250px;
float: left;

}






.menu a{

padding:9px;
display: block;
text-decoration: none;
text-align: center;
background-color: #fef45d;
color:black;





}
.menu ul ul{
position: absolute;
visibility: hidden;


}

.menu ul li:hover ul{
visibility: visible;

}

.menu a:hover{
background-color: #C0C0C0;
color: #555;



}
.menu ul ul li{
float: none;
border-bottom: solid 2px #ccc;
margin-top: 0;


}
.menu ul ul li a{
background-color: #069;
max-height: 200px;



}

label[for="bt_menu"]{

padding: 5px;
background-color: #222;
color: #fff;
font-family: "Arial";
text-align: center;
font-size: 33px;
cursor: pointer;
width: 50px;
height: 50px;

}

#bt_menu{
display: none;

}

label[for="bt_menu"]{
display: none;

}

@media(max-width: 800px){
label[for="bt_menu"]{
display: block;
}

#bt_menu:checked ~ .menu{
margin-left: 0;
}



.menu{
margin-top: 5px;
margin-left: -100%;
transition: all .4s;

}



.menu ul li{
width: 100%;
float: none;

}
.menu ul ul{
position: static;
overflow: hidden;
max-height: 0;
transition: all .4s;
}

.menu ul li:hover ul{
height: auto;
max-height: 200px;

}
}



/*CSS campos de pesquisa*/

.container {

position: relative;
padding: 10px;
left:2px;




}

.container input {

width: 65%;
padding: 1%;
background-color: white;
border: 2px solid #73AD21;

right: 6%;
left: 6%;




}



form {
background-color: white;
padding-top: 0;





}

.rodape{


margin-top: 500px;
min-height: 150px;
background-color: #204d74;
color: #fff;
padding-top: 30px;


}

/*CSS especifico para o menu categorias*/
.navbar-link{
padding-top: 9px;
min-height: 40px;

}



.navbar-link{
background-color: black;
max-height: 20px;
font-size: 16px;

}
.navbar-item{
background-color: white;
text-align: center;
}







contatos.tpl:
























Firstname *






Lastname *








Email *






Phone








Message *




























contatos.css:



body {
padding: 0px 0;
font-family: Lato, sans-serif;
text-align: justify;

}






O .tpl é por que estou usando o smarty com MVC, porém é como um html.



Obrigado.

Marcos, estou estudando justamente esta forma de marcar a pagina corrente do menu. Contudo, sou novo na área e gostaria de obter mais informações de como colocar este código em PHP no meu html. Você pode compartilhar um link ativo?