Create using Responsive AI with Wix Studio

Learn to create unique, responsive designs quickly with the Responsive AI tool in the Studio Editor.
Explore the Responsive AI tool that will adjust the design for you, on the entire section either on every Breakpoint or just on mobile. Using the Responsive AI you can create a design and then generate a responsive layout for it in just a click.
Complete the Course Challenges Here:
www.wix.com/studio/academy/co...
--
0:00 - Intro
0:10 - Responsive AI demonstration
0:35 - How to use Responsive AI
3:20 - Understand how Responsive AI works
-
Learn more about Wix Studio:
www.wix.com/studio
Get started with our Essentials course:
wix.to/gT8VY7c
Join the Wix Studio Community:
forum.wixstudio.com
Follow us on social media:
➔ Instagram: / wixstudio
➔ X: / wixstudio
➔ TikTok: / wixstudio
➔ Facebook: / wixstudio
About Wix Studio:
The end-to-end platform for agencies and enterprises to create and manage exceptional sites with extreme efficiency. Smart design features, flexible dev tools and streamlined management capabilities mean you can do more, at scale.
Subscribe to our channel:
➔ www.youtube.com/@WixStudio?su...

[@kennygo5053]

Break point is good. but should I use a section grid or container grid to enable it? For example. 3 x 2 grid on desktop view gets into 1 x 6 grid on mobile view. I need to know it to prevent modifying all the work from scratch to enable the break point.

[@WixStudio]

Hey Kenny. Responsive AI should work even without applying a grid to the section. You can choose either to apply it to the section for all breakpoints starting from the desktop or to apply it only on mobile so the layout will be adjusted only there.

[@kennygo5053]

@@WixStudio Thanks for reply! I made grid 2x10 on the session in desktop view and edit it 1x20 in the mobile view. I wanted to put a table but there is no table contents in wix studio so I put a repeater in each cells for replicating the table purpose. and I see now its mass up when it is converted into the mobile view, the texts became too small, and for the arrangememt of each cells, I have no idea how it relocated from the desktop view into mobile view. because the arrangememt of cells are massed up as well. and the crusal matter I faced that in the mobile view, the manual adjustment is not working as what I want. there is a huge empty space on the bottom of section that cannot ne shrinkaged. I don't know the reason. Just trying to make them arrange in the right position on the mobile view. its very hard to adjust. Using Ai adjustment did mass it up more so I restored. I will keep struggling to solution.

[@WixStudio]

Hey again, Kenny. Thank you for providing us with a detailed description of this matter and we'd be happy to assist. It seems to be a specific case that in order to assist you best, we need our experts in our dedicated customer care team to take a closer look at your site. The best way to get in touch with our colleagues is through our contact page > wix.to/iZTuzNF. Depending on your location, you can request a callback, submit a ticket or chat with a live agent.

[@kennygo5053]

@@WixStudio Dude, thanks for your reply. the key was the advanced css grid!. becide this I havenT solved the auto slider with different design. I strongly recommend Wix to put a toggle switch enabling different pattern or same pattern as now

[@kareduff]

@@kennygo5053dude how did you manage to have a grid a 2x10 in desktop and 1x20 in mobile? It won’t allow me to change it when in mobile break point. Or you just added a new grid in mobile view and hid the previous one?