zartgesotten
7/9/2015 - 5:14 PM

Initiate the mobile menu at your desired width

Initiate the mobile menu at your desired width

li.menu-item > a > span {
  position: relative;
}

li.menu-item > a > span:after {
  position: absolute;
  bottom: -80%;
  left: 50%;
  color: transparent;
  content: '•';
  text-shadow: 0 0 transparent;
  font-size: 1.2em;
  line-height: 1;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

li.menu-item > a:hover > span:after {
  color: #13aff0;
  text-shadow: 10px 0 #13aff0, -10px 0 #13aff0;
}