Original Topic on ThemeForest : “Hello, I would like to obtain a solution to an obstacle that I am encountering. I am currently using the “Fashion Color” Demo on one of my websites with: menu left – LOGO – menu right in the center. Despite my research and my tests I have not been able to obtain a suitable result. I would like the header menu to appear Transparent with the text in white but when I scroll I want the sticky menu to appear with a white background and the writing dark. I tried with several custom CSS but I did not obtain satisfactory results.
Could you help me? THANKS”
For the Desktop menu I think I find a solution with this CSS :
/* DESKTOP Pour rendre le menu principal transparent */
.whb-main-header {
background-color: transparent !important;
}
/* DESKTOP Pour rendre le texte du menu principal en blanc */
.whb-main-header .menu > li > a {
color: #ffffff !important;
}
/* DESKTOP STICKY MENU Lors du défilement, le fond du menu devient blanc */
.whb-sticked ..whb-main-header {
background-color: #ffffff !important;
}
/* DESKTOP STICKY MENU Lors du défilement, le texte du menu devient sombre */
.whb-sticked .menu > li > a {
color: #000000 !important;
}
But I need the same issue for mobile menu.
.
