search

creativetimofficial / material-kit

Free and Open Source UI Kit for Bootstrap 5, React, Vue.js, React Native and Sketch based on Google's Material Design
https://www.creative-tim.com/product/material-kit?ref=mk-creativetimofficial-github
MIT License
5.91k stars 1.37k forks source link

how to change material icon color when color of nav changes on scrolling? #75

Closed yash2code closed 7 years ago

alexandru-paduraru commented 7 years ago

@yash2code you can change the color of the icon using the navbar classes like:

.navbar-primary .material-icons{
color: black;
}
.navbar-transparent .material-icons{
color: white
}

This will have the icons white when the navbar is transparent and as soon as the navbar-transparent class is removed you will have the black color of the icon.

Best, Alex

yash2code commented 7 years ago

@alexandru-paduraru didn't worked

alexandru-paduraru commented 7 years ago

Please send us the link with the implementation so we can check.

yash2code commented 7 years ago

@alexandru-paduraru you 'll need to clone the repo : https://github.com/yash2code/yash2code.github.io

alexandru-paduraru commented 7 years ago

It seems you are missing the class "navbar-primary" from the nav tag. Please add it and everything will work fine.

yash2code commented 7 years ago

@alexandru-paduraru sorry but still not working! there is some issue man !