-
Notifications
You must be signed in to change notification settings - Fork 4.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Gutenberg needs Responsive Controls #50431
Comments
Thanks so much for opening this and for having such a specific example in mind in doing so. It helps to have these examples when thinking about the larger problems and possible solutions. In this case, I'm going to close this out in favor of current issues that cover the situation you describe:
|
Hi @annezazu thank you for your feedback. The ability to set responsive controls, and display different content depending on viewport size, is one of the main factor preventing some people to swift from Elementor and other pagebuilder to Gutenberg, and one of the main pain points that many online review and video about Gutenberg usually mention. |
Ah yes. I focused on the navigation block since that's where your example fell. In this case, when it comes to talking about responsive controls, I'd comment directly on #34641 as it also touches on how the design tooling would have to shift:
Here's a bit more context around this current thinking and evolution too in case it's helpful: |
This article is exactly the starting point of my quest to figure out responsive web design. As I said in the Issue, I was trying to create this product page, that has different designs on desktop and mobile.
Thanks for the suggestion. |
I definitely do and it's a big part of what needs to be solved going forward. That issue is definitely not abandoned and is THE big reference point for that work when it gets underway in the future. Thanks for engaging here and commenting there! For what it's worth, this exact use case came up for pattern creation with a designer I was chatting with recently :) |
That's interesting! |
Hi! Are there any plans to advance the discussion? |
I appreciate the intrinsic design but the industry is not asking for that, is not even used, instead it looks like a dream to become true for a nostalgic person. It doesn't matter the design system, we need to adjust basic things on different sizes because this is the only way to create the good user experience. I don't want to follow a designer ego, I want to follow good user experience practices. |
While I really like intrinsic design, I think it solves 99% of situations, making responsive controls useless. However, there are still 1% of situations where having different designs on mobile and desktop is necessary.
Here are a few examples where I find responsive controls necessary:
It's not possible to achieve that without responsive controls. Also, if I set the menu typography for desktop, the typography of the collapsed menu on mobile will look very small, and it's not possible to set different font sizes depending on display size.
To achieve that, I had to use the plugin I mentioned earlier and have two different product photos, one showing on mobile and one on desktop. Here's how the product page would look on desktop by using only core Gutenberg tools without additional plugins.
In the end, I believe that some sort of responsive controls is needed. Many Block plugins integrate responsive controls like Kadence Blocks. A good compromise is that they can be hidden in the advanced styling section so that only those who absolutely need responsive controls will use them without abusing that tool.
The text was updated successfully, but these errors were encountered: