Hi There 
Your kind help will be much appreciated!
I used .scss 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.
Thus, in hope to to fix this issue, I tried switching to .css by following this 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 you can see each product image individually on the its own page- they are just not visible on the index’s collection section at all.
Million thanks in advance for any assistance!