I have some issues because of the order that CSS is being loaded in. We have
<link rel="stylesheet" type="text/css" media="all" href="https://<site>/pub/static/_cache/merged/c53078aed3784c1f81c0316580b47a29.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 768px)" href="https://<site>/pub/static/frontend/Thespicery/standard/en_GB/css/styles-l.css" />
I really need the cached file to be loaded after the style-l.css.
I am relatively happy to remove the style-l.css altogether but as yet have failed.
I have tried:
Removing the parent them (current Magento Blank) from the XML but this doesn't actually remove the reference to the file - it only deletes the actual file and then gives a 404 error (which technically works but I don't want the
<link>in the source code
default_head_blocks.xmlfor Magento Theme overrides adding:
<action method="removeItem"><css src="css/styles-l.css" media="screen and (min-width: 768px)"/></action>
but to no avail.
What is the correct way of doing this? Should I just try to change the load order (is that even possible), or should I remove style-l.css (and if so, how?)?