Custom Menu Color (for different pages)

[arminunruh]

Hey!
In the latest Lay Theme Version you can set the background color of pages directly in the gridder. No more extra CSS needed. :)

[maxkuwertz]

Hey Armin, i tried to use the same code for the mobile version, but it doesn't work… Is there also a way to change the background colour of the navigation for pages/projects in the mobile version? thanks a lot! !

[arminunruh]

Hey Max! Well I'm gonna do a customization of your Lay Theme version anyway, so you can put that on the todo list.

[Hayo Gebauer]

I also tried modifying the menu/burger for the mobile version. Is there no way I can do it myself?
I tried it but it didn't work...

[maxkuwertz]

Hey Armin, I changed my original concept, so that I can do the stuff myself… the only thing left is the bg colour for the mobile version menu…

[arminunruh]

Ok! I just tried this CSS, it works. Put it into Lay Options -> Misc Options -> Custom CSS for Mobile Version

.navbar {
    background-color: #0f0!important;
    border-bottom: 1px solid #00f!important;
}
nav.primary li a {
    color: #0f0!important;
}
nav.primary li {
    background-color: #f00!important;
    border-bottom: 1px solid #00f!important;
}
nav.primary li.current-menu-item {
    background-color: #00f!important;
}

[Hayo Gebauer]

cool, thank you!
I'll try it out

[Hayo Gebauer]

btw is there also a code that enables the burger color to be different?

[arminunruh]

.burger span {
    background-color: #000000;
}

Going to make Customizer settings for all of this one day :D

[anagase]

Hi Guys, any idea for doing the same with the site img? I am using an image instead of a text.
I will need to use a different logo color (black or white) for each page or project.
Thanks!!