mobile screen width

I agree that it is waste of space on mobile, but it's the style of this template which was made by Andrew Boon , you can try different templates where there is no such spacing.

Yes, please see my previous answer:

... you can try different templates where there is no such spacing.

such as Protean, for example.

I suggest to contact Andrew Boon regarding this problem and explain how serious this problem, because he's added such spacing in other templates 🙈

Yes, I've decided to remove the "sticky edges" for now. Old implementation created a special case that wasn't working very well in some situations. For example, if you create a block without background and without margins, its content will stick to edges of the screen (bad), while you may want this only for blocks that have Cards in them (like Timeline) - and even then the cards have to adjust, because they may have has rounded corners in the template, which look bad when stuck to edges. 

So, you couldn't create a neat timeline that would have edge-to-edge cards AND have a block with content that doesn't stick to edges on mobile but looks aligned with other blocks on a desktop. 

We could add even more checks and settings (keep margins in no-margins blocks when on mobile), drop rounded corners on edge-to-edge cards, etc. etc, but that adds clutter to the system. I think a solution is needed, but it shouldn't be a site-wide template style override that just sticks everything without margins. 

Ideas?

Will Monte you can achieve that with current state - at online.me cards are not sticky. Simply remove background and margins for the timeline block (use content only mode) via page builder. 

if you create a block without background and without margins, its content will stick to edges of the screen (bad)

It's not bad, because

- we have design of block with padding

- padding can be easily inserted manually

- if you really need edge-to-edge design (for image for example) it can be achieved by default

Now with paddings we have a lot of problems:

- lost space on mobile devices

- can't make custom block with edge-to-edge design

- also custom blocks without background and without margins are very rare, while in all other 99% cases space is used ineffectively

Also tendency isn't good, and soon we'll have block inside block inside block inside block inside block inside block... 

In the beginning we had completely borderless blocks, then we introduced block borders, then blocks inside blocks, now we added spacing around blocks to make blocks to look like blocks on mobile devices, I think this tendency isn't good. I think with such approach we are in the middle of this picture somewhere at the end of step 1 🙉

I love arguing with Alex T⚜️ publicly. 🤪

The problem showed when we needed to show the Start Guide block and a reply to comment block conent without margins on desktop to align with blocks that do show a background. As a result buttons like Post would stick to edges. 

I suppose we could keep edge to edge blocks on mobile, and create spearate instances for desktop and mobile with same Content but different margin settings, but I think that we must force Cards to be sticky because we have no settings for them and it becomes default behaviour. Or we’d have to add a setting to template for “edge to edge cards”.