When I'm in / start the CSS header nav ul li .submenu should be top: 300px , other pages should be top: 120px in>. I put inside the $ (document) .ready (function () {}); the following expression:
$("a[href='/inicio]").find("header nav ul li .submenu").css("top", "300px!important");
But it is not working. The CSS looks like this:
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;
}