3 Responsive Break Points

Hello,

Is there away to create 3 break points in Bubble? For example having 3 groups called [Hero Section] a mobile, tablet, and a desktop version.

Mobile : 320px - 599px
Tablet : 600px - 959px
Desktop : 960px and above

Screen Shot 2020-09-07 at 9.21.00 PM

If I could set more than one hidden value that would be awesome.

You can do that with conditionals on the element itself. :+1: You don’t need to do it in the responsive tab.

Hope that helps! :blush:

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

  • One-on-One Tutoring
  • eLearning Hub
  • Video Tutorials
  • No-Code Classes
1 Like

I tried but with no luck.

@J805 your website is broken

Sorry about that. I will take a look tomorrow at it. :cry:

1 Like

@jaguarconsultoriadig hey buddy, can you help with this question please?

I can give you an example tomorrow if no one helps you before then. :blush:

Thank you

1 Like

Can you let me know what type of email you are using? Is it a gmail? Yahoo? A business email? I think I may need to stop using the email validator that Bubble has. I might go with sending an email code to validate your email instead. It will just take me some time to change the signup process.

Here is the example for responsive break points.

Preview: https://805testapp42.bubbleapps.io/version-test/break_points?debug_mode=true

Editor: https://bubble.io/page?type=page&name=break_points&id=805testapp42&tab=tabs-1

Hope that helps! :blush:

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

  • One-on-One Tutoring
  • eLearning Hub
  • Video Tutorials
  • No-Code Classes
1 Like

Alright, I updated the whole signup process. Now it sends an email verification code instead of using Bubble’s built-in email validator which apparently fails often.

Hope that helps! let me know if you can sign up now or not. :blush:

It was a @yahoo.com

That’s why, I didn’t realize that Bubble’s email validator doesn’t work with yahoo. It should be fixed now. Thanks for letting me know! :blush: I appreciate it!

1 Like

Thanks again man, I’ll be reach out to you for a 1 hour session when I hit a snag on my product.

1 Like

Sounds good! :+1:Happy to help.

Hey man, I don’t see the example with the condiction anymore?

Screen Shot 2020-09-08 at 7.05.01 PM

The tablet is giving me trouble

Screen Shot 2020-09-08 at 7.10.37 PM

Figured it out.

https://responsive2020.bubbleapps.io/version-test?debug_mode=true

1 Like

Glad you got it! :blush: