How to get one page format to center content for each page

[endjarwal]

I cannot figure out how to get the content centered on each section when you scroll down in a one page design.

[ruenel]

Hello Endre,

Thanks for writing in! Are you trying to place the content in the middle of the screen every time you click on your one-page navigation menu? You will need the following:
1.) Please always use in each section, a row, and a 1 column structure.

2.) If you need two or more columns, you will have to insert another row element in the column of step 1.

3.) In the column settings, you will have to set a minimum height for example: 90vh and then enable the Flexbox option so that you can place all the contents at the “center”.

If this is NOT helping, please provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/docs/getting-support

Regards.

[endjarwal]

Thanks Ruenel,

I gave it a shot and for some odd reason it’s even worse - something I must’ve screwed up early on. I left a secure note for you, if you could help me pinpoint I’d appreciate it greatly.

Endre

[ruenel]

Hello Endre,

We cannot login to your site because Sucuri plugin has denied us to view the login page. Would you mind temporarily disabling the Sucuri plugin so that we can check your site?

Thanks.

[endjarwal]

Hello Ruenel - I disabled it, please let me know when you’re done…people try accessing my admin page constantly and I do not like having the site unprotected.

[ruenel]

Hello Endre,

Sucuri is still active and we can’t access your site.

Regards.

[ruenel]

Hello Endre,

I am still having problems. Please see the secure note.

[endjarwal]

Pls try again.

[jade]

Hello Endre,

I am getting blocked as well:

Is there a chance that you can disable your firewall while we’re checking your site so that we’ll be able to access it?

Thank you!

[endjarwal]

Nothing is being blocked at this point. Jade you must be coming from somewhere other than where Ruenel. Please try again - I don’t know what else to do for you guys. I cannot just disable everything, that would require me to change DNS and everything else.

[lely]

Hi Endre,

Yes we are located on different places that’s why we suggest to disable firewall. Depending on the queue on the forum, different staff can get your thread.

Anyways, I am to login now.
I can see you have added top and bottom padding on your section. This is the reason why you can’t center it. The padding is too much, thus making your content off center. To make it center, your section minimum height must be the same with the screen height.

To do that, first, remove top and bottom padding. Set it to 0. Then on each ROW> Customize Tab > Element CSS, let’s set height 100vh. Add something like this:

$el{
  min-height:100vh;
}

You can also use calc function to set the min-height. From 100vh you can substract the height of header which is 56px from 100vh so it is more accurate.

We add the height on ROW because it has options for aligments. Set Align Vertical to CENTER for this ROW:

I can see you have section with multiple ROW. Please use one instead with ONE COLUMN. To create structure, inside this main ROW you can then add ROW element with different columns. It is like nested structure.

Hope this helps.

[endjarwal]

Wow Lely, thank you!!! That worked - and you rock!!!

[friech]

We are delighted to assist you with this.

Cheers!