How can I add a banner and make my logo transparent on my front page?

Store Design
1

Hello!

I am trying to add a banner behind my logo on my front page in addition to making my logo transparent , could you help me out?

Thank you!

natashalove_0-1642636852454.png
natashalove_0-1642636852454.png1366×768 160 KB

1 Like
2

Hey @natashalove .

Thanks for reaching out.

I appreciate that you have let us know which theme you are using as that is very helpful! Looking into the options for the Impulse theme, it looks like this will require a change of coding as this change is not available on our Theme Editor.

We can choose to use a workaround in this situation if you would like to make the following changes. If you navigate to the Theme Editor and select on the HEADER section to see the available options for the logo. We can select the option to Overlay header over home page as this will allow your logo to become transparent on the first image if you choose to add one. I took a screenshot on my test store to show you the section I am referring to:

20-24-57384-71175
20-24-57384-711751608×639 103 KB

This is how the logo on the store now displays with that option selected:

20-29-53166-28607
20-29-53166-286071297×798 112 KB

With that being said, since the Impulse theme is designed and supported by Archetype Themes we are a bit unfamiliar with the style of coding that is being used. Since Shopify did not develop the theme, it would be best to direct this inquiry to the developers of the theme as they would be position to provide further support and insight to making this change.

I did come across to finding their Contact Us page and wanted to provide it.

Let me know if you have any questions.

1 Like
3

@natashalove

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
4

Thank you for your response! Here is my website. https://shakticrystals.com/

5

Thank you so much for your reply! This was very helpful!

1 Like
6

@natashalove

can you confirm this

KetanKumar_0-1642746929613.png
KetanKumar_0-1642746929613.png1920×1080 335 KB

7

That could work! Thank you so much!

8

@natashalove

try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.site-header {
background: url(//cdn.shopify.com/s/files/1/0553/0818/9849/files/81COfTyy2BS._AC_SL1500_300x.jpg?v=1642610822);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}