Site logo

Archived topic

Add fontawesome icons to mobile header

17 replies · Started by Edward on August 13, 2020

Viewing posts 16–18 of 18

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;
}

This archived topic is closed to new replies.