Archived topic
Change navigation bar from fixed colour to image?
8 replies · Started by James on June 2, 2019
Going for a longshot here.
I want to make the site personal, so instead of having the navigation bar as a solid blue colour, I wanted to create a vector image to upload to it. So the navigation bar would be personal to my site and not like a template site.
Is this possible with this theme?
An example of what I would like the navigation bar to look like would be this pic
https://www.freepik.com/free-vector/abstract-dark-halftone-background-design_3123490.htm
Hi there,
You can upload a background image to the primary navigation in the customizer:
https://docs.generatepress.com/article/backgrounds-overview/
Let me know if this helps :)
Thanks Leo,
I did not know this existed :) What size image should I upload as they all seem to be getting distorted,
Definitely hard to use background images for things like this for sure.
Have you considered a gradient option?
https://cssgradient.io/
Ahhh I thought that may be the case.
Would I just copy and paste this into the CSS part of customizer?
`background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
It would be:
.main-navigation {
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
}Cheers mate,
Much appreciated, I'll try this instead :)
No problem :)
