Viewport meta tags disappear when 'Use layout's stylesheet(s)' is unchecked

[tickletheory]

Hi, I'm encountering a baffling but frustrating problem.

I'm using Custom CSS and I always uncheck Use layout's stylesheet(s) when styling layouts to avoid duplicating css. I've tried this on a few themes, and every time I do this, the meta tag for responsive mobile disappears.

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

just stops being rendered in the HTML.

Is there any way to put this back whenever I use custom CSS, without keeping Use layout's stylesheet(s) checked?

Comments

[momijizukamori]

The note in the code explaining that says 'they're using their own stylesheets which probably won't work with the initial scale (things will just look smooshed together)' which might be a problem, but that code is also five years old now and I think mobile browsers have gotten better about not going totally nuts on scale things so it's worth looking into again.

[tickletheory]

Thank you for the time helping me look these things up!

I'll continue to use the base styles for now, but they're not compressed so it really doubles the bytes needed to load the CSS. I hope the team could look into it and add the viewport tag back. I'd like to contribute to the community by making good design accessible to more people. :)

[momijizukamori]

You're welcome! The fix is pretty quick and I know we're hoping to do a code push soonish so as long as it doesn't make things go totally wonky, we're good. And to answer your pre-edit question - it's possible with a free account, but it's kind of fiddly and tedious, so unless you're really frustrated, or want to dig into more of the guts of the style system, I don't recommend it. I'd like to make it easier at some point, but I've got a few other big projects on my plate, so I'm not sure when it's going to happen.

[tickletheory]

Absolutely understand! For npw I'll work with how things work currently, and will wait until the viewport fix is pushed live. Thanks again :)