[Resolved] Background Image for Off-Canvas Panel

[Jeff]

I have a background image for my header and would like to use it in the background of the off-canvas panel (for mobile menu) as well. But it seems the only way to get a background image into the off-canvas panel is to set a background image for the primary menu (primary navigation). But that creates rectangular versions of the background behind each header menu item which doesn’t look good. Is there a solution? Maybe some CSS?

To elaborate a bit more, I have the background color of the header menu and off-canvas panel set to transparent. I have a background image set up in the header and primary navigation.
Thank you.

[Leo]

Hi there,

Can you try activating the navigation as header option:
https://docs.generatepress.com/article/navigation-as-a-header/

Then upload the background image to the primary navigation?

I believe that should solve the issue.

Let me know 🙂

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

[Jeff]

Thank you Leo. That never would have occurred to me! I’m closing the topic.

[Leo]

No problem 🙂

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

[Yael]

Is it okay to post a question on a closed thread? I hope so… if not, just tell me and I’ll open new thread.

I’m not seeing how to do this: “upload the background image to the primary navigation.”

There isn’t an option to upload background image for primary navigation.

Can you perhaps point me in the right direction?

Thank you

[David]

Hi there,

do you have the Backgrounds module enabled in Appearance > GeneratePress ?https://docs.generatepress.com/article/backgrounds-overview/

If it still an issue – raise a new topic where you can share a link to your site and we’ll take a look

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

[Yael]

Oops! No I do not; so sorry about this.

[Yael]

Jeez, can’t believe I never used the background module until now!

[David]

🙂 Glad to be of help

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

[Author]

Posts