Archived topic
Add fontawesome icons to mobile header
17 replies · Started by Edward on August 13, 2020
See my comment above about using the code button.
Thanks Leo for your guidance. Upon revisiting my the inside_mobile_header hook I was able to get the icons for Phone, Text Message (Comment) and Email where I wanted them to the right of the mobile logo. Just fyi, here is my hook
<i class="fa fa-phone" style="color:green;"><!-- icon --></i>
<i class="fa fa-comment" style="color:light-blue;"><!-- icon --></i>
<i class="far fa-envelope" style="color:light-blue;"><!-- icon --></I>
and CSS
@media (max-width: 768px) {
.cart-contents.shopping-cart {margin-right: -20px}
}
a.phone-icon {
order: 2;
margin-right: 37px;
}
a.comment-icon {
order: 2;
margin-right: 34px;
}
a.mail-icon {
order: 2;
margin-right: -11px;
}
Glad you've figured out :)