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]

I thiiiink you can add media query stuff in the custom CSS field? That can do a lot of the reflow stuff at different sizes (though I've learned the hard way that most mobile phones are like retina displays - the reported resolution is really high, but they translate multiple physical pixels into a single 'display' pixel). The viewport meta tag sets some basic scaling stuff for mobile browsers though, and right now it's not possible to add that without editing layers or leaving 'use layout stylesheet' checked - it's possible to use custom layers on a free account, but the system is kind of a fiddly pain in the butt so I don't recommend it unless you're interested in getting into the guts of the system

(that said, if you are, hit me up, I have resources!)

[syntheid]

Media queries definitely work in the custom CSS field, so you can make a responsive layout that way, though it requires fiddling to make sure things like fonts stay at readable sizes and whatnot.

Which I just went in to make edits to the controlstrip on my personal layout for, actually-- were there already plans to revamp that to be more usable for mobile? (If not, I could try to take a stab at it-- I was thinking it might make more sense to convert it to a flyout menu, which would be familiar for modern website users.)

[momijizukamori]

Good to know! I don't do DW on mobile much so I'm a little less aware of that stuff.

solarbird had started a project to make the navstrip more mobile-friendly, which has a good chance of getting merged when it's farther along. The navstrip is tricky though because it's an accessibility feature for many users (because of the quick access to 'view in light'/'view in my style') so we have to be very sure it stays accessible at a site level.

[tickletheory]

Yay sounds exciting! Looking forward to the updates.