- This topic has 21 replies, 3 voices, and was last updated 4 months, 3 weeks ago by
David.
-
AuthorPosts
-
July 11, 2020 at 5:26 am #1359907
Huseyin
Hi GeneratePress,
Hope your weekend is going well?
So I need help on changing the color Mobile primary navigation. The colors I chose for the default is basically white background white, black text with a black coloured logo.
But I want to have a black background, white text with a white logo on mobile devices.
Wondering how could I achieve this with CSS?
However, I have seen this post from Jamal regarding
https://generatepress.com/forums/topic/how-to-style-navigation-menu/#post-347001July 11, 2020 at 10:59 am #1360277Leo
StaffCustomer SupportHi there,
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 12, 2020 at 1:39 am #1360651Huseyin
Thanks for the reply Leo,
I have inserted the URL but the site is not live so I have attached the wp-admin details too
July 12, 2020 at 9:42 am #1361069Leo
StaffCustomer SupportAre you referring to just the header or the actual navigation as well?
https://www.screencast.com/t/423Rg7fByMDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 13, 2020 at 12:28 am #1361547Huseyin
Just the header, please
July 13, 2020 at 5:11 am #1361811David
StaffCustomer SupportHi there,
if you’re using the Mobile Header then try this CSS:
#mobile-header { background-color: #ff0000; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 13, 2020 at 5:59 am #1361835Huseyin
Hi David,
That CSS code doesn’t work.
July 13, 2020 at 8:51 am #1362174Leo
StaffCustomer SupportTry turning on the mobile header option:
https://docs.generatepress.com/article/mobile-header/Then you can upload a separate (white) logo and use David’s CSS.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 13, 2020 at 7:18 pm #1362597Huseyin
Done, got the white logo upload and inserted David’s CSS.
However, can’t get the .menu-toggle to be white. Also used the same code from Jamal but doesn’t seem to work.
https://generatepress.com/forums/topic/how-to-style-navigation-menu/#post-347001
July 13, 2020 at 8:51 pm #1362634Leo
StaffCustomer SupportCan you disable the maintenance mode so I can see the site and provide the CSS?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 20, 2020 at 6:51 am #1369575Huseyin
sorry for the late reply.
I have disabled the maintenance modeJuly 20, 2020 at 8:43 am #1369831Leo
StaffCustomer SupportTry this CSS:
.mobile-header .menu-toggle { color: #FFFFFF !important; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 13, 2020 at 5:55 am #1400764Huseyin
Hi Leo,
It’s not working.
(SORRY FOR THE LATE REPLY, BEEN VERY BUSY)
August 13, 2020 at 8:33 am #1401163Leo
StaffCustomer SupportWhat is not working?
I see the last CSS I’ve provided working fine:
https://www.screencast.com/t/P2FubXLB1YDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 17, 2020 at 3:18 pm #1406903Huseyin
Ohhhhhh sh*t sorry mate,
Sorry for wasting your valuable time.
Once again thank you for helping out.
-
AuthorPosts
- You must be logged in to reply to this topic.