How can I merge two logos into one on my website header?

Store Design
1

Can someone assist me on how to make my logo on the header to be one, when we publish our website it’s showing 2 logo on the header, already tried possible things on my end but can’t resolve it.

12121.PNG
12121.PNG278×909 27.2 KB

Homepage.PNG
Homepage.PNG1182×568 436 KB

12.PNG
12.PNG1090×425 18.9 KB

11.PNG
11.PNG1279×812 194 KB

2

Hi @UFC-elan123 ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

Hi, here’s our store URL: https://elan-shop.com/

4

Hi @UFC-elan123 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
.site-header__logo img:first-child {
    display: none !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

5

space.PNG
space.PNG1262×890 135 KB

Popup.PNG
Popup.PNG1170×651 68.4 KB

I tried it and it removes the other logo but I had another issue, after I added the code it disappear the other logo on the header however the other logo left in the middle overlaps the text or images in the website whenever I click a product to browse, see photo attached. thanks

6

HI @UFC-elan123 ,

Thanks you for reply.

You try add more below code in theme.scss file:

@media (min-width: 1025px) {
body:not(.template-index) #PageContainer {
    padding-top: 50px;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

7

Yes, it works! Thank you so much for your help! :slightly_smiling_face: