Alignment of the block

DGT 2017-09-03 02:26:09 UTC #1

Hi,
I’ve setted max. width of the block to particular width in px (1920). Well, when the page is opened on e.g. 2k resolution or more, the block is keeping it’s size of 1920px BUT it does align to the left site of the page:

How can I set the alignment to the centre of the page?

DGT 2017-09-07 13:35:59 UTC #2

Guys, do you have any advice?

Thanx

Jakerlund 2017-09-07 13:55:25 UTC #3

@DGT could you provide some .bloc file that we can check out?

DGT 2017-09-07 14:16:16 UTC #4

Here’s the link:
https://mega.nz/#!lzoQDKDI!eo6yWVzaRZerAzAYJAQk5qvtYrOYFySruswOdlSwnps

Thank you

MartinC 2017-09-07 14:27:04 UTC #5

Probably to simple an answer but have you set this:

MartinC 2017-09-07 14:28:13 UTC #6

Just tested here and the above does centre the image, with grey either side for anything above the 1920px.

DGT 2017-09-07 14:38:09 UTC #8

That works for images brics but I need to make that work for whole site, inc. backgrounds etc., where is no Alignment option:

MartinC 2017-09-07 14:42:19 UTC #9

Thought is was to simple a solution

MartinC 2017-09-07 15:06:30 UTC #10

I confess to being confused, loaded your file and see exactly what you mean. So, I added a new page, two columns, used 1920px image as the background with the same 1920 image in foreground then viewed in browser on a 5k monitor full screen and it centred for me! The only thing I had to do was set padding to fullscreen and that only to stop the image being cropped off at the top and bottom and nothing to do with the issue at hand.

I also spotted that the footer detail does use the full screen on your page, even though the nav and body doesn’t. That said on the page I added the Nav did use the full page, along with the body too.

Jakerlund 2017-09-07 18:46:18 UTC #12

@DGT

Remove the page width or set it to 100% in the page settings.
Remove the Max width in the “site-width” class, or even delete the class.

Then the site should flow at full width and the Destination1 image will be edge to edge.

Is that what you were aiming for?

Cheers

DGT 2017-09-07 21:14:32 UTC #13

Hi Jakerlund,

actually that’s what I want to set, max. width of 1920px. But when I open this site on 2k< monitor I want that 1920px site be centralised with empty (white) borders on left and right site.

I tried to start new project but as soon I set just single class with max width set to 1920px only, the alignment stays on the left.

I really can’t move on with that =/

Jakerlund 2017-09-07 21:28:26 UTC #14

@DGT

Test this file.
1920 max width center image

Settings

Cheers

DGT 2017-09-08 00:10:15 UTC #15

That’s it, thank you!

Except one thing - sticky navigation bloc in global area is moving to the left site when I scroll the page down… However, when I scroll back to the top of the page, it moves to the middle as the rest of the objects.

So… any idea how to set up this auto-margin for sticky navigation bloc?

Jakerlund 2017-09-08 10:56:07 UTC #16

@DGT

Quick video tutorial
I think it’s how you describe how you wanted it… or?
In this example i used 1000px width just to show that it kept it centered and all that.

Cheers

DGT 2017-09-08 12:33:34 UTC #17

Man, you rock! Thank you!