- This topic has 12 replies, 4 voices, and was last updated 1 week, 2 days ago by Leo.
May 20, 2020 at 12:55 pm #1294368Mike
Is there an option to change the background of the floating menu to white?
Currently, it is transparent, so when you scroll down, it blends with the content.
Is it possible to make it only white when it goes down? And keep the transparent background when we don’t scroll?
Thank youMay 20, 2020 at 1:40 pm #1294434LeoStaffCustomer Support
Are you setting the menu background color in the customizer to tranparent?
If so try using the custom navigation color in the header element instead:
Then the sticky navigation colors would inherit the customizer settings as seen here:
https://docs.generatepress.com/article/navigation-as-a-header/#merge-with-header-elementsMay 20, 2020 at 2:20 pm #1294482Ian
I have studied the docs you provided. Let me provide more info.
I am not using a GP Page Header. The home page is created using Beaver Builder. I am able to use Elements to create a transparent header. And I can see what you mean bu setting those colours. The issue is when the Menu goes mobile. How would I control the Mobile Menu colours independently of the Desktop version?May 20, 2020 at 8:20 pm #1294682LeoStaffCustomer SupportMay 21, 2020 at 8:33 pm #1296141Mike
Would it be possible to have two separate settings for colors? Currently it is transparent, which is what I want the menu to be.
But when you scroll down, transparent does not work well, so is there an option to adjust the color for the menu when it scrolls down? I was able to do that with the previous theme
Thanks!May 21, 2020 at 8:50 pm #1296144Mike
https://tokyotravelguide.com/tokyo-districts/odaiba/ as an exampleMay 22, 2020 at 4:11 am #1296446DavidStaffCustomer Support
1. Go to Customizer > Colors > Primary Navigation.
Change these colors to the colors you want for your sticky navigation.
2. Go to Appearance > Elements
Edit your Header Element, go to the Site Header tab, here you can enable navigation colors – set them to Transparent.May 22, 2020 at 10:39 pm #1297523Mike
Thanks, I played around with the settings, but not achieving the desired result, sorry I explained a bit better here, please see the descriptiosn
thank youMay 23, 2020 at 3:32 am #1297809DavidStaffCustomer SupportMay 24, 2020 at 12:47 pm #1299656Mike
Awesome! This is exactly what I wanted! Thank you!
Do you know under the same parameters, if sticky is enabled, how to change the font color of the menu text?
I like to keep it white for the transparent menu, but have a different color when sticky is enabledMay 24, 2020 at 5:34 pm #1299824LeoStaffCustomer SupportMay 24, 2020 at 5:40 pm #1299833Mike
Thank you both! It worked perfectly!May 24, 2020 at 5:42 pm #1299837
- The topic ‘Floating Menu Color’ is closed to new replies.