In this tutorial, I’m going to show you how to add a custom fixed header on mobile that includes the following:

– A different (more mobile friendly) logo than your desktop version.
– A shorter header to allow more available viewing space.
– A larger clickable hamburger navigation icon to make it easier to deploy the mobile nav.
– A semi-transparent background that makes the header even more intrusive when viewing the site.

Read more: https://www.elegantthemes.com/blog/divi-resources/how-to-add-a-custom-fixed-header-for-mobile-using-divi