Site logo

Archived topic

moving header color in vinyasa

1 reply · Started by Miguel on March 7, 2022

Viewing posts 1–2 of 2

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! :)

This archived topic is closed to new replies.