Need advise to design Page margin / Padding for mobile

[jbreits]

Hi there, I do not know how exactly to define the margin of a page, so it looks also good on the smartphone screen.
I habe build the page with a full width slider and text blocks with 6 em margin on the left, as I want it to be aligned with the header (See Screenshot). To get this, I use a boxed layout with 100% side-width and a margin on the sections of 6 em. But this does not look god in the mobile view - the margin is too big then. Is there a thing like a responsive margin or how would you solve the issue?

And a second question: how can I get a line break in headlines in the responsive view? &shy works in the cornerstone preview, but not on the page.

Thanks in advance
Jutta

[christian]

Hey Jutta,

Please don’t use Margins and Paddings to align elements. They are recommended to use for spacing. Note that Alignment and Spacing, though related, are different things. Please make use of the elements’ Flex options for alignment instead. You can learn more here https://theme.co/docs/use-flex-layout

Regarding the headline, the lines are actually breaking (see screenshot below). The problem there is the text font size doesn’t fit in mobile anymore. The solution is to set up a fluid text size. Watch this video to learn how to do that.

Last, I’d recommend that you watch the rest of our tutorials on our Youtube Channel so that you’ll familiarize how options are used.

Hope that helps.

[jbreits]

Hi christian,
thanks for the hints!
I will try, but I have no clue to get this line (see screenshot) with flexboxes (See screenshot), it is a header, with 3 rows, a revolution slider, and several sections on the page.

Thanks

[tristup]

Hi Jutta,

Are you trying to align the three rows inside the header, if that is the case the rows are already aligned and due to the first menu item it looks like white space before it?
If that is not the case, please elaborate on the issue described in the Screenshot. And please let us know how the flexbox works for you.

Thanks