How can I combine a picture with the header on my website?

Shopify Discussion
1

Hi,

my website link is https://promaxlaces.com/

I would like to combine the picture with the header so that the menu also shows the images instead of the black header.
How can I do this?

In the picture, I marked with yellow arrows what I mean:

45.png
45.png1893×836 310 KB

2

Hi @emmax91

Try this one, but your banner become shorter.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.header-wrapper.color-background-1.gradient {
    background: transparent !important;
}
.banner__media.media.scroll-trigger.animate--fade-in {
    top: -250px;
}

Result:

Ribe_Dagandara_0-1691614008874.png
Ribe_Dagandara_0-1691614008874.png1348×512 762 KB

Because we move up the banner. There is a big space on the down.

Ribe_Dagandara_1-1691614040104.png
Ribe_Dagandara_1-1691614040104.png1347×531 287 KB

" :glowing_star: Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! :raising_hands: "