Single Product Page header Issues

HI!

Im currently creating a site for myself, where i want to use a vertical header, similar to the admin dashboard.

I created the header after the following steps in this tutorial:

After applying the header and layout to my site i run into an issue with the single product page. Every single page is using the custom header and layout i’ve created in the Theme Builder, except the single product page, it switches back to the default horizontal header.
I thought maybe its not compatible with woocommerce pages, but the cart, and checkout pages are working fine.

Is there any solution for this problem?

BTW im using the Astra Default theme and Elementor Pro.

Thx for the help!