Ändern der klebrigen Menüelemente Farbe in Wordpress

Question

Ich mache eine Website mit Wordpress, und ich habe ein klebriges Menü. Wenn ich im oberen Teil der Seite bin, ist der Hintergrund weiß, also verwende ich die Farbe der schwarzen Menüelemente. Aber wenn ich nach unten scrolle, erscheint ein schwarzer Menühintergrund, der meine Artikel unsichtbar macht. Gibt es eine Möglichkeit, den CSS-Code zu ändern, so dass die Standardfarbe der Menüelemente schwarz ist, aber wenn ich nach unten blättern gehe, wird sie weiß.

Answer 1

Wenn ich das richtig lese, müssten Sie das Scroll-Ereignis erfassen, und wenn Sie sich nicht mehr oben auf der Seite befinden, ändern Sie die Klasse Ihrer Kopfzeile.

<script> 
    jQuery(document).ready(function($) { 
     $(window).scroll(function() { 
      if ($(window).scrollTop() > 100) { 
       $('header').addClass('shrink'); 
      } 
      else{ 
       $('header').removeClass('shrink'); 
      } 
     }); 
    }); 
</script> 

Dieses Beispiel ist ein Header schrumpfen, aber das gleiche gilt für die Schriftfarbe ändern, Größe usw.

Siehe hier: https://journalxtra.com/wordpress/quicksnips/make-wordpress-theme-headers-shrink-on-scroll/