Mobile style options

[cesy]

I'm trying to adjust the width at which my journal uses the new mobile stuff. But when I look for the options mentioned in dw_styles, it looks like they're not available for my style yet, possibly because it's a custom one. Has anyone written up how to add the new stuff to a custom style, or can someone help me, please? I know the basics of writing styles but I'm out of practice.

Comments

[ninetydegrees]

I'm not familiar with the code either but if your style is a child of Core2 it looks like it's pretty simple to add. Looking at the source for http://www.dreamwidth.org/customize/advanced/layersource?id=551&fmt=html I see two presentation properties you needs to add:

property use medium_breakpoint_width;
property use large_breakpoint_width;

Then two strings in function Page::print_default_stylesheet() {
var string medium_media_query = generate_medium_media_query();
var string large_media_query = generate_large_media_query();

Then @media and one of the strings above being used in the stylesheet. Four times if I counted well.

Hope this helps a little at least.

[cesy]

Thanks, that seems to have done the trick. Took a bit of work in the CSS to figure out that I needed to put the mobile stuff as default and the wide screen wrapped in the large media query, but it looks normal again now, and works beautifully on the phone. Thanks!

[ninetydegrees]

You're most welcome! I'm very glad you could figure it out!