This had me stumped for a while as I couldn’t figure out why mobile layout was broken.
You can test it here.
Mobile width
3rd section down
Personify: Block Pair (Dual Content)
change this element css
--exp02-block-pair-mobile-content-max-width: var('{{dc:p:exp02BlockPair02Setup.mobileContent.maxWidth}}');
to this
--exp02-block-pair-mobile-content-max-width: var('{{dc:p:exp02BlockPair02Setup.mobile.maxWidth}}');
Appreciate you bringing this to us. I did make that change however I still see the same issue. Do you remember changing anything else in that Component?
I just tested it on another site and it seemed to work again once line #4 is updated on the main element of the component. …maybe you need to make sure there is a value set after on the parameter you make a change
while we’re here I noticed if you accidentally paste css with $el … into some of the global CSS areas the editor instantly breaks which is kind of understandable just thinking it could be stripped or ignored.
Cheers