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

Store Design
, , , , ,

Topic summary

A user seeks help replacing their main menu banner background with a specific image on their Shopify store (goldenlifters.com).

Proposed Solutions:

  • Adding CSS targeting the .header class with background-image: url() property
  • Inserting custom code into the theme.liquid file via Theme Editor

Current Status:

  • The user has attempted multiple suggested CSS/code solutions but reports no visible changes
  • Multiple responders have requested the store URL (now provided) and the specific image file to offer tailored solutions
  • Discussion remains ongoing with troubleshooting in progress

Next Steps:

  • User needs to share the direct link to their desired background image
  • Helpers will provide updated code once image URL is confirmed

The conversation involves technical customization requiring theme file editing and CSS knowledge.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

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)

Sincerely,
Farid

mainbanner.png
mainbanner.png1920×957 117 KB

2

you can use css for this let me give you an exapmle

use header section class name header with your image url here i just take a image from google

.header { background-image: url([https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Image_created_with_a_mobile_phone.png/300px-Image_created_with_a_mobile_phone.png);](https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Image_created_with_a_mobile_phone.png/300px-Image_created_with_a_mobile_phone.png);) }

you can then set the background-size: contain or cover and background-position also

1 Like
3

Hi @goldenlifters

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.

Best regards

Sahil

1 Like
4

Hi @goldenlifters ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

1 Like
5

Hello Sahil!

Yes of course: https://goldenlifters.com

Sorry for late reply, had an urgency yesterday so I wasn’t online.

Appreciate your response.

Kind Regards,
Farid

6

Hello,

Yes here it is: https://goldenlifters.com

Sorry for late response, had to go offline urgently yesterday.

Thank you in advance!

Kind Regards,
Farid

7

Hello,

Thank you for proposed solution!

I have tried it but it seems like there has been no changes, do you think there are any other possible solutions we can implement?

Sincerely,
Farid

8

Hi @goldenlifters ,

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

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

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

1 Like
9

Hey Oliver!

Thank you for your response,

I have followed the instructions and it seems like nothing has changed, do you think there is something else we can try?

Appreciate it.

Sincerely,
Farid

10

Can you share for me the link file image so I can add code to check, after that, I will give you a solution