Alignment of the block

I Need Help
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:

fbgx8CGFQcyyC179iutYJQ.jpg2559×930 349 KB

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

2

Guys, do you have any advice?

Thanx

3

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

4

Here’s the link:

Thank you

5

Probably to simple an answer but have you set this:

6

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

8

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

Screen Shot 2017-09-07 at 4.35.30 PM.png518×766 34.4 KB

9

Thought is was to simple a solution :slight_smile:

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.

12

@DGT

  1. Remove the page width or set it to 100% in the page settings.
  2. 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.

02.png330×510 19.6 KB

Is that what you were aiming for?

Cheers

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 =/

14

@DGT

Test this file.
1920 max width center image

Settings

class.png330×510 21.2 KB

Cheers

1 Like
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.

Screen Shot 2017-09-08 at 2.05.46 AM copy.jpg994×1246 197 KB

Screen Shot 2017-09-08 at 2.06.20 AM.jpg1232×990 253 KB

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

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 :slight_smile:

1 Like
17

Man, you rock! Thank you!

1 Like