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

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

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.

1 Like

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

1 Like

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

Hello Henry,

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

Best Wishes,
Farid

1 Like

You are welcome @goldenlifters :blush: