[Support request] Background image for header.

Home Forums Support [Support request] Background image for header.

Home Forums Support Background image for header.

  • This topic has 5 replies, 2 voices, and was last updated 4 years ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1184155
    Mike

    How can I make the header stand out from my content a little more? The background for the header is currently an off-white color, which makes it hard to differentiate the header from my content (which has a solid white background color). I tried playing around with the colors, but couldn’t find anything appropriate other than off-white, so I thought about using a custom image as a background for the header.

    How could I implement this, and what should the dimensions of the image be?

    #1184169
    Leo
    Staff
    Customer Support

    Hi there,

    You can try adding a background image in Customizer > Background Images > Primary navigation.

    Something like 2000px in width and 77px in height (the menu item height) should work.

    Let me know if this helps 🙂

    #1184176
    Mike

    Thanks Leo! How can I only change the background for mobile though?

    #1184178
    Leo
    Staff
    Customer Support

    To change the background color for mobile only?

    You can try this CSS:

    #mobile-header {
        background-color: #000000;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    #1184190
    Mike

    No, I mean to use a custom background for mobile only.

    #1184232
    Leo
    Staff
    Customer Support

    Youn would use this CSS:

    #mobile-header {
        background-image: url(https://URL-FOR-MOBILE-BACKGROUND-IMAGE;
    }
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.