Solved Changing background image in Header & Navigation module dynamically

Maybe you can try something like this:

Step 1
Add a unique CSS class to the background image section.

Step 2
Navigate to the page where you want to change the background image & find the "page-id-xxxx" at the body tag.

Step 3
Use something like the CSS below to change the background image based on the page you're on:

Code:

Log In or Sign Up to view this code.

 

The CSS is meant to be put at Divi -> Theme Options -> Custom CSS.

For the CSS:

Code:

Log In or Sign Up to view this code.

page-id-xxxx you need to replace with the page-id of the page that you want to change the background image.
You need to press right click & click Inspect to access the console shown in the screenshot below.



As for the unique-css-class, you need to add it to the background image section, as per the screenshot below.
**You can change it into any words that you want.



As for the background-image: url("xxxxxxxxxxxxxxxxxx");, replace the xxxx with the image URL that you want to use.