Home › Forums › Support › Transparent menu that becomes solid color background when scrolling This topic has 5 replies, 2 voices, and was last updated 6 years, 8 months ago by Leo. Viewing 6 posts - 1 through 6 (of 6 total) Author Posts August 15, 2017 at 7:14 pm #366880 Gianfranco 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. August 15, 2017 at 7:19 pm #366883 LeoStaff Customer Support Hi there, Try this: .main-navigation.navigation-stick { background-color: #ffffff; } Adding CSS: https://docs.generatepress.com/article/adding-css/ August 16, 2017 at 11:13 am #367428 Gianfranco 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; } August 16, 2017 at 11:22 am #367432 LeoStaff Customer Support Try changing the both to full width here: https://docs.generatepress.com/article/navigation-layout/ August 16, 2017 at 11:54 am #367452 Gianfranco got it. Thanks! August 16, 2017 at 12:02 pm #367460 LeoStaff Customer Support No problem! Author Posts Viewing 6 posts - 1 through 6 (of 6 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In