Columns w/ Parallax – Change direction

and the parallax speed of -30% is not enough?
only values less than -100% have that effect you described – but this option does not exist …

(by the way – a value of -100 means that the column is quasi in fixed position )

give a unique ID to that Column. Set all your parallax options ( -30% is not enough for you ) and set these setting by child-theme functions.php for that ID:

function my_custom_all_parallax_settings() {
?>
<script>
window.addEventListener("DOMContentLoaded", function () {
    const container = document.getElementById('myID1');

    if (container) {
        // Create a new JavaScript object with ALL the desired parallax settings
        // You can customize any value here as you need it.
        const newParallaxSettings = {
            "parallax": "bottom_top",       // Standard Parallax
            "parallax_speed": "-150",       // Standard Parallax Speed

            "av-desktop-parallax": "bottom_top", // Desktop
            "av-desktop-parallax_speed": "-100",  // Desktop Speed

            "av-medium-parallax": "bottom_top",  // Medium Tablet
            "av-medium-parallax_speed": "-50",   // Medium Tablet Speed

            // only change those values that you can not set by Enfold Options Dialog

            // "av-small-parallax": "no_parallax", 
            // "av-small-parallax_speed": "no_parallax", 

            // "av-mini-parallax": "no_parallax", 
            // "av-mini-parallax_speed": "no_parallax" 
        };

        // Convert the new object into a JSON string
        const newParallaxData = JSON.stringify(newParallaxSettings);

        // Set the new data-parallax attribute
        container.setAttribute('data-parallax', newParallaxData);

        console.log('Data attribute for all parallax settings changed successfully!');
        console.log('New data-parallax value:', container.getAttribute('data-parallax'));
    } else {
        console.error('Container with ID "myID1" not found.');
    }
});
</script>
<?php
}
add_action('wp_footer', 'my_custom_all_parallax_settings');

However, be aware that high parallax speed values may cause the element to “jerk” while scrolling.

as i understood him it is the column not the section – so my way was to give the ID to the column.
The column has the parallax attribute. And i think he is talking about the parallax effect on element itself – not the background-image of the column. there is no option for that on columns.

I tested it on an existing testpage of mine ( so the codes there have nothing to do with the solution here ). but see the right column with that image.

https://webers-testseite.de/8col-flex/
see what happens when hamburger is active – the direction is then the other way round (+50)

my fault is that i do not preserve the rest of the existing settings – here a corrected code:

function my_custom_all_parallax_settings_preserving_others() {
?>
<script>
window.addEventListener("DOMContentLoaded", function () {
    const container = document.getElementById('myID1');

    if (container) {
        // 1. Get the current value of the data-parallax attribute
        const currentParallaxData = container.getAttribute('data-parallax');

        // 2. Parse the string into a JavaScript object
        let parallaxObject = {};
        try {
            // Attempt to parse existing data. If it's empty or invalid, start with an empty object.
            parallaxObject = JSON.parse(currentParallaxData || '{}');
        } catch (e) {
            console.error('Error parsing existing data-parallax attribute:', e);
            // If parsing fails, ensure parallaxObject is an empty object to avoid errors
            parallaxObject = {};
        }

        // 3. Define the changes you want to apply.
        //    Only the properties listed here will be updated or added.
        //    Existing properties not listed here will be preserved.
        const changesToApply = {
            "parallax": "bottom_top",       // Standard Parallax 
            "parallax_speed": "-150",       // Standard Parallax Speed

            "av-desktop-parallax": "bottom_top", // Desktop 
            "av-desktop-parallax_speed": "-100",  // Desktop: Speed

            "av-medium-parallax": "bottom_top",  // Medium Tablet
            "av-medium-parallax_speed": "50",   // Medium Tablet Speed

            "av-small-parallax": "no_parallax", // Parallax off
            "av-small-parallax_speed": "no_parallax", // no speed needed

            "av-mini-parallax": "no_parallax", // Mobil Parallax 
            "av-mini-parallax_speed": "no_parallax" // No Speed needed
            // Do NOT include "parallax-container" here, as we want to preserve its original value
        };

        // 4. Merge the changes into the existing parallaxObject.
        //    Object.assign() overwrites existing properties and adds new ones.
        //    Properties in 'parallaxObject' that are NOT in 'changesToApply' will remain untouched.
        Object.assign(parallaxObject, changesToApply);

        // 5. Convert the modified object back into a JSON string
        const newParallaxData = JSON.stringify(parallaxObject);

        // 6. Set the new value of the data-parallax attribute
        container.setAttribute('data-parallax', newParallaxData);

        console.log('Data attribute for parallax settings updated successfully!');
        console.log('New data-parallax value:', container.getAttribute('data-parallax'));
    } else {
        console.error('Container with ID "myID1" not found.');
    }
});
</script>
<?php
}
add_action('wp_footer', 'my_custom_all_parallax_settings_preserving_others');

btw: on 3. read that comment:

        // 3. Define the changes you want to apply.
        //    Only the properties listed here will be updated or added.
        //    Existing properties not listed here will be preserved.

so if you only want to influence the desktop parallax speed then only change it in the code above and do not mention the other settings there