my recommendation: use for that very demanding point of a fixed positioning in floating systems a given script.
From my recherche point – there is no good plugin for it – but a few good jQuery scripts to solve the problematic.
The scroll event is something you have to be carefull with – not to overload site performance.
You have to think about – if you have long fixed column too ( longer than screen height ! how to view this content under the screen bottom of the fixed column!

have a look to this site: https://webers-testseite.de/sticky-column/
if you scroll to bottom – the fixed positioning is gone to get the content in the left column too !

you find the script on : https://github.com/EnzoMartin/Sticky-Element#readme

if you like this solution – i will show you how to load only for the given pages the sources. And to implement it in enfold.

for information : I use a child theme called “evryware”

https://kriesi.at/documentation/enfold/change-the-dynamic-css-file-name/

but if you have this in your “child-theme” called everyware :

/*
Theme Name: Enfold Child
Description: Childtheme fuer Enfold
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*/

/*Add your own styles here:*/

you don’t need to do anything i guess
but you can even rename the enfold folder to everyware and name your child-theme : everyware-child

and this will be the propper use of Theme Name obfuscation

Than do this in Child-Theme style.css

/*
Theme Name: everyware Child
Description: Childtheme fuer everyware
Version: 1.0
Template: everyware
*/

rename the enfold folder to evryware you can all do that via ftp !

and that to functions.php of your child-theme:

add_filter('avf_dynamic_stylesheet_filename', 'avia_change_filename');
function avia_change_filename(){
    return 'everyware';
}

the code of Ismael comes too into child-theme functions.php – BUT ! he has to look over it – because there are some “slip of the pen” faults

first of all – you can simplify a bit this by using arrays:

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if ( is_page( array( 3364, 3385, 3403, 3416, 3626, 3813 ) ) ) {
    $logo = "https://splinter.care/wp-content/uploads/2017/09/Telefoonnummermagenta.png"; 
        }
    elseif ( is_page( array( 3542, 3568, 3695 ) ) ) {
    $logo = "https://splinter.care/wp-content/uploads/2017/09/Telefoonnummercyaan.png"; 
        }
    return $logo;
}

add_filter('avf_logo_link','av_change_logo_link');
function av_change_logo_link($link)
{
    $link = "tel:0031850657349";
    return $link;
}

i do not see a fault on your code – even the if, if, if must work. (only the double marks – but this is due to boardsoft and not using the code tag)

ich denke du hast mehr Erfolg eine Antwort der Mods zu erhalten, wenn Du englisch hier nachfragst.
Es gibt zwar einige Mods die auch deutsch verstehen , bzw sprechen – (mein Namensvetter Günter aus Österreich) – aber das Gros spricht hier Englisch.

??? https://kriesi.at/support/topic/search-icon-left-logo-center-and-burger-menu-right-in-mobile-view/

hm – do you believe there is a better solution?

Es nimmt Dir hier keiner Übel wenn Du was nicht verstehst, – dann ist einfach nachfragen angesagt. – Aber einen neuen Thread aufmachen ist nicht so toll. Und wird selten gerne gesehen. Jedenfalls war das in den Boards so, die ich damals leitete.

War etwas unverständlich an meiner Erklärung vom Link oben?
Weisst du wie du ein Child-Theme einrichtest?
Wo man die functions.php im Dashboard findet ?
etc. – keine Frage ist zu dumm.
Die Lernkurve ist hier an Board sehr steil.

_____________________

It does not take you any evil here if you do not understand something, – then just ask is announced. – But a new thread is not so great.

Was something incomprehensible at my explanation from the link above?
Do you know how to set up a child theme?
Where to find the functions.php in the dashboard?
etc. – no question is too stupid.
The learning curve is very steep here on board.

try this in quick css and have a look what happens to the very small screens (drag your browser-window extremly small)
if all fits well in this case too – it is ok otherwise you have to do more css to fit for that case

#socket .container { text-align: center }
#socket .copyright { float: none; width: 100% }

And Safari not solved.
By the way – did the .mejs-container only exists if a self-hosted video is set.
on my test page i only inserted youtube video – and no way to find that class.

so it depends now if you have social icons on the right side – if so we had to style the positioning again
f.e. the .avia-menu.av_menu_icon_beside

you see that this is only one example of /*animation variations*/
i see alot of animation on your site but not where you uses the enfold implemented one. I see some transfomings with matrix.
Where are your animations to style ?

And where is the enfold theme ? :lol
https://js-interactive.com/

by the way – very impressive !

But please think of it if the sprite method is an option to do it – it is used for a long time and has the advantage that the image is completely loaded before someone hovers the image.
Less http request is one reason for it. See here a nice Article about Sprites: https://css-tricks.com/css-sprites/
And here is a Sprite Generator if you are not familiar with photoshop. https://www.toptal.com/developers/css/sprite-generator

on shortcodes.css there are some extra entries for the customisable down arrow.
just one line above – on line 369 :
new 4.2: div .av-section-color-overlay{position: absolute; top:0; left: 0; bottom: 0; width:100%; }
old 4.12 div .av-section-color-overlay{position: absolute; top:0; left: 0; height: 100%; width:100%; }

i replaced this old line in the new 4.2 shortcodes css – and voila even Safari plays the video again.

https://webers-testseite.de/elegant/beispiel-seite/

PS do not wonder – i changed a bit in section.php to have the possiblity to mute or unmute video background.

EDIT: wow just now ? only safari makes some troubles.

OK – we had to search for it – this is not the solution.

• This reply was modified 7 years, 1 month ago by Guenni007.

open your page on which you like to change it – goto your browser menu and look to the source code.
The body has the page id (looks this way page-id-2604) and is a class . Because body is a parent of main_color class

than try (in my example)

.page-id-2604  input[type='submit'] {
background-color: orange ;
color: black;
border-color: orange;
}
.page-id-2604  input[type='submit']:hover {
background-color: red;
color: white;
border-color: red;
}

Can you please post the whole error – that would be helpful