Shopify Header Menu Images ( Paying 1 Coffee for ASAP Fix )

Solved

Shopify Header Menu Images ( Paying 1 Coffee for ASAP Fix )

Thomas558
Excursionist
12 1 0

Hello, i have followed THIS video in order to add Images to my Header Menu Items.

This works fine, but some of the Links in my header are just that-.. Links, and they currently show a Stock Image (No IMG).

 

I need exact instructions / code on how to remove these (No IMG) stock images from those Header Menu Sections where i have not added any images.

TrT.png

 

I'm using Dawn Theme, and if you need to know the Custom Code i've used and where i've placed it:

https://theprompted.notion.site/The-Prompted-Adding-Images-To-Your-Navigation-Menu-Dropdown-Drawer-M...

I followed this guide, and all the code used & where i placed it can be found under Add images to the mega menu.

I need this fix ASAP please, if someone can help me directly and quickly ill have a Coffee for you!

 

Thank you in advance!

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2139 616 506

This is an accepted solution.

Hey @Thomas558,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
img.mega-menu__image[src="//1e9f63-2f.myshopify.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"] {
    display: none !important;
}

</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1713880509797.jpeg

 

 

 

When you move to a .com or another domain, make sure to change the myshopify link to the new domain 

ThePrimeWeb_1-1713880580932.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? [email protected] or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 3 (3)

ThePrimeWeb
Shopify Partner
2139 616 506

This is an accepted solution.

Hey @Thomas558,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
img.mega-menu__image[src="//1e9f63-2f.myshopify.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif"] {
    display: none !important;
}

</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1713880509797.jpeg

 

 

 

When you move to a .com or another domain, make sure to change the myshopify link to the new domain 

ThePrimeWeb_1-1713880580932.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? [email protected] or check out the website
Check out our interview with Shopify!
Thomas558
Excursionist
12 1 0

My Hero

luukas_wi
Tourist
18 0 1

Hey, the code doesn't work. I  have the same problem..