How to add image or gif to mega menu header on Spotlight theme v. 14.0

topspotcards
Excursionist
32 1 12

How to add image or gif to mega menu header on Spotlight theme v. 14.0?

 

Hi, I would like to add images to my mega header. My website is topspot.cards

Please refer to the following as examples. Thank you in advance.

 

Screen Shot 2024-05-12 at 11.31.06 PM.png

 

Replies 3 (3)

PageFly-Noah
Shopify Partner
1288 229 262

This is Noah from PageFly - Shopify Page Builder App

 

Hi @topspotcards you need change structure in theme. Please add code show image in here:

PageFlyNoah_0-1715582289131.png

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

topspotcards
Excursionist
32 1 12

Hey! What code do I add there? I'm a little confused.

PageFly-Noah
Shopify Partner
1288 229 262

Oke please add code here, like image below:

PageFlyNoah_0-1715590844124.png

 
<div class="image-container">
   <a href="https://www.example.com/image3" target="_blank">
       <img src="https://png.pngtree.com/png-vector/20201128/ourlarge/pngtree-casual-shoes-png-image_2394294.jpg" alt="Image 3" />
    </a>
</div>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.