Flexbox and Grid Layouts not working in Webflow

[livstrawbridge]

Hey @alvarotrigo this is my first time using Github so hopefully I'm doing this right.

I've been having some issues getting my content centred in Webflow, using flexbox and grids.

– I've had a play with verticalCentered: false, as found in the Webflow forums, (plus many other suggestions), but with no luck.
– I've tried the fullPage.js inspector and it says the JS file isn't present but it is.

Also I noticed the 'made with fullpage' text hasn't disappeared even after buying a license.

Can you please help? Thank you :).

[alvarotrigo]

Can you explain what you mean by "centering"?
Virtually? Horizontally?
If you can avoid using grid and just use flexbox, that'd probably help.

We can't provide Webflow support here, but if you can reproduce your issue on codepen.

Also I noticed the 'made with fullpage' text hasn't disappeared even after buying a license.

Use the option credits: {enabled: false} as detailed on the docs.

Unfortunately, we don't check personal sites here. You'll need to get the Business license for that from the fullPage pricing page. Then contact us using the contact form and the email used for the purchase.

[livstrawbridge]

@alvarotrigo Yes I mean centering in the middle, so justified in the centre (in flexbox)
I have purchased a professional license – is that not the right plan to get support here?

Don't really need Webflow support, just wondered if there was anything you could see that is overriding Flexbox.

[alvarotrigo]

You can see all the fullPage.js examples are fully centered, vertically and horizontally.
You can inspect their code here:
https://github.com/alvarotrigo/fullPage.js/tree/master/examples

In this case they are just using text-align: center on the section elements.
Try to do the same on webflow.

Don't really need Webflow support, just wondered if there was anything you could see that is overriding Flexbox.

Not really.
Just make sure you are using the latest fullpage.js version in both the CSS and the JS file.