I'm trying to do

I'm trying to do a css animation on my website's menu. Close but still need a bit of help.

I'm trying to add menu css underline to my site like on this site: http://www.shoutdigital.com

On my site is http://www.cymaxmedia.com

My css works but it needs to move up higher

I also want to not have it appear on the menu button (Get in touch).

    Nazmul H. Rupok

    Hi there,

    Hope you are doing well today and thanks for asking! Looks like you already have this CSS :

    .fusion-main-menu > ul > li > a::before {
    	content: "";
    	position: absolute;
    	width: 70%;
    	height: 2px;
    	bottom: 20%;
    	left: 0;
    	background-color: #000;
    	visibility: hidden;
    	-webkit-transform: scaleX(0);
    	transform: scaleX(0);
    	-webkit-transition: all 0.3s ease-in-out 0s;
    	transition: all 0.3s ease-in-out 0s;
    	-webkit-margin-before: 1em;
    	-webkit-margin-after: 1em;
    	-webkit-margin-start: 0px;
    	-webkit-margin-end: 0px;
    	-webkit-padding-start: 40px;
    }

    You need to update this part to following :

    .fusion-main-menu > ul > li > a {
    	position: relative;
    }
    .fusion-main-menu > ul > li > a::before {
    	content: "";
    	position: absolute;
    	height: 2px;
    	bottom: 35px;
    	left: 0;
    	right: 0;
    	width: 100%;
    	background-color: #000;
    	visibility: hidden;
    	-webkit-transform: scaleX(0);
    	transform: scaleX(0);
    	-webkit-transition: all 0.3s ease-in-out 0s;
    	transition: all 0.3s ease-in-out 0s;
    	-webkit-margin-before: 1em;
    	-webkit-margin-after: 1em;
    	-webkit-margin-start: 0px;
    	-webkit-margin-end: 0px;
    	-webkit-padding-start: 40px;
    }
    .fusion-main-menu > ul > #menu-item-30 > a::before {
    	display: none;
    }

    Hope this helps. Let me know if you still need assistance on this.

    Have a nice day. Cheers!
    Nazmul