Skip to content

How to create different layout for small screens in divi

kary4 edited this page Feb 22, 2016 · 1 revision

If some of your modules don't fit perfectly on small screens, or you want to use different layout for small screens then you can add additional modules that will be shown only only small screens. Each module (technically those are section, row, module) can be disable on:

  • Phone
  • Tablet
  • Desktop

section options

So, the technique is that you just need to create an additional module and configure it the way you want for small screens. Then allow the module to be displayed only on Phone, or tablet. This means you need to hide the module on Desktop. So you'll see the module only on small screens. And the opposite thing for Desktop version modules. Disable them for Phone/Tablet screens. Please check the screen cast below to understand how it works:

http://youtu.be/OnommfizdPQ?hd=1

Clone this wiki locally
You can’t perform that action at this time.