In most cases, the reason why different changes made on a page layout are visible while working inside the Visual Builder but not when exiting the Visual Builder is cache-related.
Clear the Divi Static CSS File
Go to WordPress Dashboard → Divi → Theme Options → Builder → Advanced Tab
Click on the Clear button
Check the front end of the page again
If clearing the Static CSS:
doesn't fix the issue - Try deactivating the Static CSS File Generation and check again
fixes the issue - The most likely cause of failed Static CSS File Generation is a syntax error in the custom CSS Code used on the website.
Check the custom CSS code for any syntax issues
Go to CSS Validator app
Paste your entire custom CSS code
Validate and Fix any possible syntax errors
Copy and Paste the corrected CSS code back to Divi → Theme Options → General Tab → Custom CSS
Once all the CSS has been fixed, the static CSS file generation should work.
Clear the cache generated by a third-party cache plugin
If you are using a third-party cache plugin, try to clear its cache before checking again the page layout.
Notes:
Sometimes, the issue might not get fixed even after disabling this option. In that case, ensure the cached CSS file is deleted from the hosting file manager. Some web hosts need this file to be manually deleted.
If there are no issues in custom CSS code and you still see this problem, you can contact your web host to see if they are blocking static CSS file generation. You can also disable the option in Divi → Theme Options → Builder → Advanced Tab.
If the above solutions don't work, you can also go to Divi → Support Center, enable Safe Mode, and check again if the issue is resolved.