Home › Forums › Support › Change navigation bar from fixed colour to image? This topic has 8 replies, 2 voices, and was last updated 4 years, 9 months ago by Leo. Viewing 9 posts - 1 through 9 (of 9 total) Author Posts June 2, 2019 at 1:25 pm #917988 James 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? June 2, 2019 at 1:26 pm #917989 James 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 June 2, 2019 at 2:17 pm #918018 LeoStaff Customer Support 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 π June 4, 2019 at 1:18 pm #920006 James Thanks Leo, I did not know this existed π What size image should I upload as they all seem to be getting distorted, June 4, 2019 at 2:02 pm #920034 LeoStaff Customer Support Definitely hard to use background images for things like this for sure. Have you considered a gradient option? https://cssgradient.io/ June 4, 2019 at 2:04 pm #920036 James 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%); June 4, 2019 at 2:06 pm #920038 LeoStaff Customer Support 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%); } June 4, 2019 at 2:06 pm #920039 James Cheers mate, Much appreciated, I’ll try this instead π June 4, 2019 at 2:10 pm #920041 LeoStaff Customer Support No problem π Author Posts Viewing 9 posts - 1 through 9 (of 9 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In