/*
Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x
*/
/* NAVIGATION STYLE CUSOMIZATION END */
.x-nav > .menu-item > a,
.x-nav > .menu-item > a:only-child {
position: relative;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
height: auto !important;
padding-left: 17px;
padding-right: 17px;
padding-top: 20px;
padding-bottom: 15px;
font-style: normal;
font-weight: 400;
color: #333;
letter-spacing: 2px;
text-transform: uppercase;
}
.x-nav > .menu-item > a > span,
.x-nav > .menu-item > a:only-child > span {
position: relative;
display: inline-block;
margin-right: -2px !important;
}
.x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > .x-active > a,
.x-navbar .desktop .x-nav > .current-menu-item > a {
box-shadow: none !important;
}
.x-navbar .desktop .x-nav > .menu-item > a > span:after,
.x-navbar .desktop .x-nav > .menu-item > a:only-child > span:after {
content: " ";
position: absolute;
display: block;
width: 0%;
height: 1px;
top: 100%;
left: 0;
right: 0;
border-bottom: solid 1px #131e4c !important;
margin: 3px auto 0;
-webkit-transition: all .5s;
transition: all .5s;
}
.x-navbar .desktop .x-nav > .menu-item > a:hover > span:after,
.x-navbar .desktop .x-nav > .menu-item > a:only-child:hover > span:after {
width: 100%;
}
/* NAVIGATION STYLE CUSOMIZATION END */
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.