Skip to main content
Edentação do código
Fonte Link
Wictor Chaves
  • 8,6mil
  • 2
  • 28
  • 62

Quando eu estivarestiver no /inicio o CSS header nav ul li .submenu deve ser top:300px, nas demais páginas deve ser top:120px. Coloquei dentro do $(document).ready(function() { }); a seguinte expressão:

$( "a[href='/inicio]" ).find( "header nav ul li .submenu" ).css( "top", "300px!important" );

Mas não está funcionando. O CSS está assim:

header nav ul li .submenu {
    background: #f3f3f3;border#f3f3f3;
    border-top: 2px solid #ffae11;border#ffae11;
    border-radius: 3px;box3px;
    box-shadow: 0 8px 12px rgba(0,0,0,0.2);display;
    display: none;fontnone;
    font-size: 0;padding0;
    padding: 15px 25px;position25px;
    position: absolute;topabsolute;
    top: 120px;left120px;
    left: 0;width0;
    width: 100%;margin100%;
    margin-left: 0;z0;
    z-index: 2000; 
}

Quando eu estivar no /inicio o CSS header nav ul li .submenu deve ser top:300px, nas demais páginas deve ser top:120px. Coloquei dentro do $(document).ready(function() { }); a seguinte expressão:

$( "a[href='/inicio]" ).find( "header nav ul li .submenu" ).css( "top", "300px!important" );

Mas não está funcionando. O CSS está assim:

header nav ul li .submenu {background: #f3f3f3;border-top: 2px solid #ffae11;border-radius: 3px;box-shadow: 0 8px 12px rgba(0,0,0,0.2);display: none;font-size: 0;padding: 15px 25px;position: absolute;top: 120px;left: 0;width: 100%;margin-left: 0;z-index: 2000;}

Quando eu estiver no /inicio o CSS header nav ul li .submenu deve ser top:300px, nas demais páginas deve ser top:120px. Coloquei dentro do $(document).ready(function() { }); a seguinte expressão:

$("a[href='/inicio]").find("header nav ul li .submenu").css("top", "300px!important");

Mas não está funcionando. O CSS está assim:

header nav ul li .submenu {
    background: #f3f3f3;
    border-top: 2px solid #ffae11;
    border-radius: 3px;
    box-shadow: 0 8px 12px rgba(0,0,0,0.2);
    display: none;
    font-size: 0;
    padding: 15px 25px;
    position: absolute;
    top: 120px;
    left: 0;
    width: 100%;
    margin-left: 0;
    z-index: 2000; 
}
Fonte Link
Felipe Viero Goulart
  • 3,8mil
  • 17
  • 73
  • 106

Aplicar CSS conforme URL

Quando eu estivar no /inicio o CSS header nav ul li .submenu deve ser top:300px, nas demais páginas deve ser top:120px. Coloquei dentro do $(document).ready(function() { }); a seguinte expressão:

$( "a[href='/inicio]" ).find( "header nav ul li .submenu" ).css( "top", "300px!important" );

Mas não está funcionando. O CSS está assim:

header nav ul li .submenu {background: #f3f3f3;border-top: 2px solid #ffae11;border-radius: 3px;box-shadow: 0 8px 12px rgba(0,0,0,0.2);display: none;font-size: 0;padding: 15px 25px;position: absolute;top: 120px;left: 0;width: 100%;margin-left: 0;z-index: 2000;}