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

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
1317 233 280

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
1317 233 280

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.