Hi good people of the community! 
Your kind help will be much appreciated!
I used .scss on my store up until now, and it worked generally fine in most cases, except there was a collection section on the index page that took ages to load, especially on mobile devices.
Thus, in hope to to fix this issue, I tried switching to .css, as shopify nowadays recommends, by following the following steps:
- I viewed the source code of the index page.
- I’ve found and opened the file / link that contained: cdn.shopify.com/s/files/1/0467/6848/8604/t/76/assets/theme.scss.css?v=*********************
- I opened the link and copied its content to a notepad.
- On the the code edit of the theme (Narrative), I uploaded the notepad file as a new asset called “custom_style.css”
- I then opened the theme.liquid and changed the stylesheet: “{{ ‘theme.scss.css’ | asset_url }}” part with stylesheet: “{{ ‘custom_style.css’ | asset_url }}”
The result: the store seems to load a bit faster indeed, only the collection section in question is now completely invisible.
Meaning: The thumbnails and the info of the products are there and are clickable, and they can lead you to each of the product page- they are just not visible as the collection section on the index page at all.
Any ideas what went wrong / how to fix this issue?
Million thanks in advance for your assistance!