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

Thomas558 · ‎04-23-2024

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.

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!

ThePrimeWeb · ‎04-23-2024

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.

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

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

ThePrimeWeb · ‎04-23-2024

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.

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

Was I helpful?