Hi slipperjon,
it seems that the CSS & JS resources are not loaded on your page. I cannot tell the exact reason why, maybe a third party plugin is blocking this or optimizing too much or there is an issue with your server configuration. It does not seem to be a compatibility issue between the version of the plugin and YOOtheme Pro as I could not reproduce this issue on a new WordPress installation with only YOOtheme Pro 2.7.24 and Herzog Dupont 1.6.1. I would recommend to update YOOtheme Pro to the latest 2.x version or even to 3.0 nevertheless (always make a backup before the update).
As a workaround, please try to add an HTML to your layout with the following content (replace example.com
by your domain, of course):
<script src="https://example.com/wp-content/plugins/herzog-dupont/includes/modules/elements/elements/hd-progress/js/hd-progress.js" defer></script>
<link href="https://example.com/wp-content/plugins/herzog-dupont/includes/modules/elements/elements/hd-counter/css/hd-counter.css" rel="stylesheet" />
<script src="https://example.com/wp-content/plugins/herzog-dupont/includes/modules/elements/elements/hd-counter/js/hd-counter.js" defer></script>
<link href="https://example.com/wp-content/plugins/herzog-dupont/includes/modules/elements/elements/hd-flipcard/css/hd-flipcard.css" rel="stylesheet" />
<script src="https://example.com/wp-content/plugins/herzog-dupont/includes/modules/elements/elements/hd-flipcard/js/hd-flipcard.js" defer></script>
<link href="https://example.com/wp-content/plugins/herzog-dupont/includes/modules/elements/elements/hd-image-comparison/css/hd-image-comparison.css" rel="stylesheet" />
<script src="https://example.com/wp-content/plugins/herzog-dupont/includes/modules/elements/elements/hd-image-comparison/js/hd-image-comparison.js" defer></script>
<script src="https://example.com/wp-content/plugins/herzog-dupont/includes/modules/elements/elements/hd-lottie/app/lottie.min.js" defer></script>
<script src="https://example.com/wp-content/plugins/herzog-dupont/includes/modules/elements/elements/hd-lottie/js/hd-lottie.js" defer></script>
For further investigation, I would need access to the WordPress dashboard and FTP access.
Kind regards