OceanWP is one of the best WordPress themes for ecommerce and other types of websites. However, its templates and headers lag behind other WP themes in terms. In this tutorial, I will show you how you can create your own custom header in OceanWP.
I must state that you need to have the pro version of OceanWP or the pro version of Elementor for this tutorial to work for you.
If you decide to add the account in your header, you can use the code below for logged in and logged out users. The first code will help you show the name ofthe logged in user while the code on the right side will show Login/Register button.
Logged in user code:
<a href= “/my-account/”><i class=”icon-user” style =”margin-right: 6px;”></i> [oceanwp_current_user] </a>
Logged out user code:
<a href= “/my-account/”><i class=”icon-user” style =”margin-right: 6px;”></i> Login/Register </a>