Archived topic
Transparent menu that becomes solid color background when scrolling
5 replies · Started by Gianfranco on August 15, 2017
I'm trying to have menu like: https://www.cloudways.com/en/features.php
I've been able to get the transparent part but not sure how to get solid color after scrolling.
http://www.gencommunications.com/gen-communications/
Can't figure it out. Any help appreciated.
Hi there,
Try this:
.main-navigation.navigation-stick {
background-color: #ffffff;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Leo,
Can you tell me how to get full width. I tried:
.main-navigation.navigation-stick {
background-color: #ffffff;
background-size:100%;
}
and
.main-navigation.navigation-stick {
background-color: #ffffff;
background-size: cover;
}
Try changing the both to full width here: https://docs.generatepress.com/article/navigation-layout/
got it. Thanks!
No problem!
