[Support request] Change navigation bar from fixed colour to image?

Home Forums Support [Support request] Change navigation bar from fixed colour to image?

Home Forums Support Change navigation bar from fixed colour to image?

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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?

    #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

    #918018
    Leo
    Staff
    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 πŸ™‚

    #920006
    James

    Thanks Leo,

    I did not know this existed πŸ™‚ What size image should I upload as they all seem to be getting distorted,

    #920034
    Leo
    Staff
    Customer Support

    Definitely hard to use background images for things like this for sure.

    Have you considered a gradient option?
    https://cssgradient.io/

    #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%);

    #920038
    Leo
    Staff
    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%);
    }
    #920039
    James

    Cheers mate,

    Much appreciated, I’ll try this instead πŸ™‚

    #920041
    Leo
    Staff
    Customer Support

    No problem πŸ™‚

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.