No problem with adding custom CSS code until now, but it seems that the code I'm adding is being deleted / corrupted.
I copy paste the code in "edit css" window when I open it again there's only one line :
">
Some times with a bit of empty custom class too :/
Here's the css (working properly on codepen)
li {
display: table-cell;
position: relative;
padding: 15px 0;
}
.menuButton a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.15em;
display: inline-block;
padding: 15px 20px;
position: relative;
}
.menuButton a:after {
background: none repeat scroll 0 0 transparent;
bottom: 0;
content: "";
display: block;
height: 2px;
left: 50%;
position: absolute;
background: #fff;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
width: 0;
}
.menuButton a:hover:after {
width: 100%;
left: 0;
}
@media screen and (max-height: 300px) {
ul {
margin-top: 40px;
}
}