I have a custom theme that is a child of Luma. I see the styles-l min-width is set at 768px. Up until then the styles-m is active. I know if it was in my custom theme I could set that in my default_head_blocks.xml to trigger. But its loading from Luma.

How can I force that to trigger at a higher screen width?


You should still be able to set a new width in default_head_blocks.xml in your custom theme. For example:

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
        <css src="css/styles-l.css" media="screen and (min-width: 900px)"/>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.