The Divi default header can be configured with a secondary header which displays, among other things, a phone number and email address. If you use a custom header built in the theme builder, you won't be able to make use of this secondary header. Here's how you can recreate the phone / email portion in a module that can be placed in your theme builder header.
To do so, add a code module to the page and then paste the following into it:
<style>
.my-phone {
margin-right: 13px;
}
.my-phone:before {
font-family: ETmodules;
content: "\e090";
position: relative;
top: 2px;
margin-right: 2px;
}
.my-email:before {
font-family: ETmodules;
content: "\e076";
margin-right: 4px;
}
</style>
<a class="my-phone" href="tel:0412341234">04-1234-1234</a>
<a class="my-email" href="mailto:test@test.com">test@test.com</a>
Now you'll have something that looks like this:
0 Comments