[Resolved] Sync'ing Breakpoints with Beaver Builder

[Ian]

As I start to roll out new sites using GPP, I would like to know if there is an easy way to sync breakpoints with BB. Perhaps there is some code to be used inside functions.php to adjust GP breakpoints?

In fact, what are tablet and mobile breakpoints of GP?

Thanks!

[Leo]

Hi there,

GP’s breakpoint is at 768px and 1025px:
https://docs.generatepress.com/article/responsive-display/

Would this option help?
https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width

Let me know 🙂

[Ian]

Hey Leo,

Thanks for providing breakpoints and the Mobile Menu breakpoint. Moving forward, I think I would like to sync up GP and BB breakpoints. Sometimes, things go off-kilter during the in-between points.

Is there a line of code I can drop in to functions.php to adjust the 2 breakpoints you provided? If not, it may be easier I set BB to follow GP.

[Leo]

Might be good to sync BB with GP first.

We do have a couple of filters to use but I’m not sure if it’s quite ready yet – will confirm with Tom 🙂

[Ian]

Wait a second, based on the doc you provided, I should set BB to sync at 1024px correct? You had quoted 1025. Wanted to make sure it’s perfectly sync’ed.

[Leo]

Sorry typo. 1024px is the one 🙂

[Ian]

Thank you! All sync’ed up. Appreciate it.

[Leo]

No problem 🙂

[Author]

Posts