Switching header menu colors

  • Author
    Posts
  • #149404

    tlh2019
    Member
    Original poster

    Hey, Taras.

    How you doing?

    I would like to switch the colors of the head menu.

    Instead of being white text color when static, i would like it black, and, when rolling, white text color with black background. How can i do it?

    Thanks a lot.

    The blog I need help with is: thelegalhub.com.br

    #149413

    tarasdashkevych
    Theme Author

    Hello,
    I am good :) Thank you kindly. And yourself?

    You can use this custom CSS to change a text color of the header section when it’s in static position:

    
    @media only screen and (min-width: 768px) {
    	#masthead {
    		color: #000000;
    	} 
    	
    	#masthead a {
    		color: inherit;
    	}
    }
    

    Note, it will make your text unreadable if the page has a dark featured image.

    Please use this custom CSS to change colors of the header section during a scroll:

    
    @media only screen and (min-width: 768px) {
      #masthead.scroll-header {
        background: #000000;
        color: #ffffff;
      }
    }
    

    Hope this helps. Please let me know if you have any additional questions.

    Thank you,
    Taras

The topic ‘Switching header menu colors’ is closed to new replies.