Archived topic
moving header color in vinyasa
1 reply · Started by Miguel on March 7, 2022
Dear, how do I change the background color of the header for mobile devices? in vinyasa.
Hi Miguel,
On mobile, adding this CSS should change the color of the header:
nav#mobile-header {
background-color:rgb(0,255,0);
}
Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css
Adding it through additional CSS should work.
You may also set by using a Global color with this code as an alternative to the one on top:
nav#mobile-header {
background-color:var(--base);
}
This uses a color from the Global colors in Appearance > Customize > Colors. You may choose a different Global color by replacing base with the CSS variable name of the Global color you wish to use.
Example: https://share.getcloudapp.com/qGu7AmQ9
Hope this helps! :)