How can I change my main menu banner background to a picture?

[goldenlifters]

Hello everyone!

I need some help with changing the background of my main menu banner - I need to change it to a specific picture instead of a color, could somebody please help me out? (Picture attached)

Link to the shop: goldenlifters.com

Sincerely,
Farid

[Made4uo-Ribe]

Hi @goldenlifters 

I just like to clarify, the header or the banner? The header is the one you line with red. And the banner is below on it. 

[goldenlifters]

Yes, sorry for the confusion - i mean the header(specified with the red rectangle on the picture)

[PageFly-Henry · Accepted solution]

Hi @goldenlifters 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

sticky-header.header-wrapper.color-inverse.gradient.header-wrapper--border-bottom {

    background-image: url('https://goldenlifters.com/cdn/shop/files/red1.jpg?v=1701382072&width=1100') !important;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[goldenlifters]

Hello Henry,

Yes, your solution has worked - thank you very much!

Best Wishes,
Farid

[PageFly-Henry]

You are welcome @goldenlifters 😊