Hi,
Thank you for the link to your site I tested the code they gave you and it is working, but the player is at the bottom of the page.
So to move this to just before the content on posts I created a shortcode for it by adding this to your child theme functions.php:

function trinity_shortcode() {
  return "<script>const trinityScript = document.createElement('script'); trinityScript.setAttribute('fetchpriority', 'high'); trinityScript.src = 'https://trinitymedia.ai/player/trinity/2900013165/?pageURL=' + encodeURIComponent(window.location.href); document.currentScript.parentNode.insertBefore(trinityScript, document.currentScript);</script>";
}
add_shortcode( 'trinity', 'trinity_shortcode' );

and then I added it to your page with this in your functions.php

function trinity_before_the_content( $content ) {
        if ( is_single() ) {
            $custom_content = '[trinity]';
            $custom_content .= $content;
            return $custom_content;
        } else {
            return $content;
        }
    }
add_filter( 'the_content', 'trinity_before_the_content' );

Now it shows before the content on your single posts, please check

Best regards,
Mike

Hi,
I’ll try a couple of older versions

Best regards,
Mike

Hi,
So you just moved it here yesterday so there are no backups before that?
Shall I try reinstalling WP?

Best regards,
Mike

Hi,
It says password is wrong, please check

Best regards,
Mike

Hi,
Ok, I updated it try logging in now

Best regards,
Mike

Hi,
Please see below

Best regards,
Mike

Hey Susanne,
Thanks for your patience, we don’t have an option to hide sidebars on tablets, you can set the global sidebars at Enfold Theme Options ▸ Sidebar Settings but for tablets you would need to use css like this:

@media only screen and (max-width: 1366px) {
	#top #main .sidebar {
		display: none;
	}
	#main .container .content.av-content-small.units {
		width: 100%;
		border: none;
	}
	#main .content .entry-content-wrapper {
		padding-right: 0;
	}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Happy to help, I will leave this open for now, please reply back when you have it sorted out and we can close this thread.

Best regards,
Mike

Hi,
Thank you for the link to your site I found that you had custom css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field that was hiding it on mobile. I disabled this css for you and now your code block shows on mobile.

Please clear your browser cache and check.

Best regards,
Mike

Hi,
The version 4.2.6 is not WordPress 6+ ready, this is why you are experiencing issues, please update to v5.6.3
The Envato (Theme Forest) API is no longer use by Envato, after you update you need to create a Token in your Envato account.
I don’t expect any issues updating with the steps below, but as with anything in computers backing up first is a good idea.
I recommend backing up with your webhost server tools and not a “backup” plugin unless you have experience with a specific one, those plugins don’t always work but your webhost server backup will.
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hi,
Thanks for your screen size, I made an adjustment and it seems to be working good now.
On my Android device the mobile menu works and the links work also.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
When I test they all show in the correct place, please see the screenshots in the Private Content area.
Perhaps it is just your specific screen size, try using this tool and tell us your screen resolution so I can test and possibly adjust.

Best regards,
Mike

Hi,
Thanks for your patience, I can see a difference with your new images, thanks for adding them. I couldn’t see the difference with the other ones, but I believe this is because the color change doesn’t occur on all of the image sizes. I downloaded one your new original images and created a test page on my site with all 9 image sizes here you will see that only the
Square Accordion
Square
Featured Thin
Portfolio
Gallery
Entry with Sidebar
Entry without Sidebar
show the color change, and these don’t:
original – Full Size
medium
large
I then tested with another image from my site here and was not able to reproduce and color changes.
Thinking back to what Guenni007 said about color profiles I tested your image online and it’s ProfileDescription is ProPhoto RGB with a ColorTransform of YCbCr.
When I tested my image it has no ColorTransform is and the ProfileDescription is c2
While I’m not a photographer is seems that perhaps this ColorTransform or something similar may be something that WordPress can’t handle when resizing the images.
I found thread from 2015 that seems to be the same:
images with the Adobe RGB Color Space. … this results in completely oversaturated colors.
The solution seems to be:

The problem is inside your Photoshop setting. Try Preferences -> Color Setting -> Color Policies and enable the cklickbox at Profile Mismatches and Missing Profiles

Give this a try.
or use a Image Magick plugin like ImageMagick Engine
Hopefully you will find this helpful.

Best regards,
Mike

Hi,
Thank you for the link to your site, I found that you used the YouTube embed link instead of the video element link format

I also see that you are using an old version (5.1.2) that had some issues, please update to v5.6.3.
You may need to install the official Envato plugin to update or manually update.
To manually update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hi,
If you want all of your sections to be transparent to show your #main gradient color try this css:

.main_color {
	background-color: transparent;
}

but I’m not sure that you would want this on every section on your whole site, so instead try specifing the section you want this gradient color by adding a custom class to your color section like gradient and then use this css:

.gradient {
	background: linear-gradient(45deg,#2e09c1 0%,#ff6d3e 100%);
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike