hide element using css tricks
.hide {
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
}
.remember-this-will-NOT-be-read {
display: none !important;
}
.visuallyhidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px; width: 1px;
margin: -1px; padding: 0; border: 0;
}
reference :
https://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/