conditional responsive layouts

Created on 24 December 2018, almost 6 years ago
Updated 28 January 2024, 11 months ago

I apologize, in advance, because this will probably be difficult to implement.
(Otherwise, I'm a big fan of the layout builder and the dynamic layouts!)

It would be nice if I could say something like, below a certain size, I want to apply a specific layout and above a certain size, I want to apply a different layout.

✨ Feature request
Status

Closed: won't fix

Version

11.0 πŸ”₯

Component
Layout builderΒ  β†’

Last updated 2 days ago

Created by

πŸ‡ΊπŸ‡ΈUnited States rogman_lebnh

Live updates comments and jobs are added and updated live.
  • Blocks-Layouts

    Blocks and Layouts Initiative. See the #2811175 Add layouts to Drupal issue.

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • πŸ‡³πŸ‡ΏNew Zealand danielveza Brisbane, AU

    I don't think this is something that should be in core and this issue has been quite for many years now so I'm marking as closed.

    In terms of implementing this if someone comes across it in the future, something like this should work:

    • Use the Layout section classes module β†’
    • Configure the module to include a breakpoint field on the section with options like Mobile, Tablet, Desktop
    • Place a mobile and a desktop section on the layout, and use CSS to target the classes you've chosen with the Layout section classes module to hide the sections when the breakpoint does not apply

    Thats a pretty oversimplified way of doing it and it could be done better once you go in and start building, but that should be a starting point :)

Production build 0.71.5 2024