Reply To: Custom Elements

[Edo]

Hi Dinesh,

Here’s the section of the header.css file used with the theme I am using. Can’t see the !important tag anywhere? Am confused

#header #navigation .select-menu { display: none }

#header #navigation ul {
float: right;
list-style: none;
margin: 0;
margin-top:0px;
}

#header #navigation ul li {
display: block;
float: left;
position: relative;
}

#header #navigation ul li a {
height:87px;
display: block;
float: left;
line-height: 87px;
margin: 0 0 0px 15px;
padding: 0px 5px;
border-bottom: 3px solid transparent;
font-size: 13px;
color: #666666;
}

#header #navigation ul li a:hover {
color: #333333;
border-bottom: 3px solid #333333;
}

/* Active Status —————————————————- */
#header #navigation li.current-menu-item a,
#header #navigation li.current-menu-item a:hover,
#header #navigation li.current-page-ancestor a,
#header #navigation li.current-page-ancestor a:hover,
#header #navigation li.current-menu-ancestor a,
#header #navigation li.current-menu-ancestor a:hover,
#header #navigation li.current-menu-parent a,
#header #navigation li.current-menu-parent a:hover,
#header #navigation li.current_page_ancestor a,
#header #navigation li.current_page_ancestor a:hover {
color: #289dcc;
font-weight: 600;
border-bottom: 3px solid #289dcc;
}

/* Sub-menu —————————————————- */
#header #navigation .sub-menu{
top: 87px;
left: 15px;
}

@media only screen and (min-width: 960px) {
.stuck {
margin:0 auto;
position:fixed !important;
top:0;
-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, .3);
-moz-box-shadow:0 2px 4px rgba(0, 0, 0, .3);
box-shadow:0 2px 4px rgba(0, 0, 0, .3);
z-index: 2000;
width: 100%;
}
}

@media only screen and (max-width: 959px) {
.sticky-wrapper{
height: auto !important;
}
}