Header: Replace Button with Mail Icon (Mobile)

#1. First, edit Site Footer > Add a Code Block > Paste this code

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

#2. Use this code to Custom CSS box

@media screen and (max-width:767px) {
  a.btn {
    font-size: 0 !important;
    width: 100px !important;
    background-color: transparent !important;
}
a.btn:before {
    content: "\f0e0";
    font-family: "Font Awesome 6 Free";
    font-size: 20px !important;
    color: #000 !important;
    position: relative;
    top: -2px;
}
}

#3. Result

#4. Other Style

Ask me a question, free