Same snippet containing images on multiple pages, but images don't always display

Kirby 3 Solved ✅
1

Hello!

I’m working on a site (development site found here) with a menu snippet that contains svg images:

24
Screenshot 2019-04-20 23.51.24.jpg2880×1688 785 KB

The same snippet is used on almost every page of the site. The images load fine on any top-level page in the content folder, but in all child pages of the top-level pages, the images do not load:

08%20(2)
Screenshot 2019-04-20 at 23.52.08 (2).png2880×1691 1.1 MB

Unsure if I’m missing something obvious. Any clues as to why this might be and how to fix it would be greatly appreciated!

2

You need to prepend the asset path with a slash to make it relative to the root URL.

3

Or use the url helper:

<img src="<?= url('assets/dist/img/control-arrow-01.svg') ?>" alt="">
4

Thanks for your reply! Tried this, but then the image didn’t load on any pages. Also tried full absolute paths with the same (original post) problem.

5

This works though, thank you!