Solved Header & Navigation styling issue

Try to go to WP Admin -> Settings -> Permalink & click save & see if it works.

If not, see if you have Wordfence plug-in installed. If yes, try to disable it & see if it works.

========

If all the above didn’t work for you, here’s some steps to confirm whether the header library is totally empty or not: Go to Theme Customizer (your first screenshot) to choose other header style and save it & see if the new header appear on your site.

If the new header appear, then first go to disable your Wordfence plugin and then only edit the header under WP Admin > Divi > DU Header. And see if everything loaded correctly.

If loaded fine, then you can try to enable Wordfence again, and edit the header again. If this time, the header content is gone, then it’s due to Wordfence delete all the contents. Then see if disabling the Wordfence can bring back all the contents. If not, try revisions and see if can roll back to previous version for your own header style 1.

=======

If the culprit is Wordfence, then you may find the Wordfence settings to set it to be learning mode & see if it helps.

 

For your old header style 1, is there any revisions?

If you haven’t made any changes yet, then you may delete all those header styles in Divi Library & download the attached json file & import it in the Divi Library. And see if it works.

 

Yes. That’s right. You will need to redo all the changes.

Or you can just test header style 10 & see if it works. Delete only header style 10 & import the json & see how it goes.