Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #636421

    I try to solve a general design issue, which raises more generic questions as what can be done and want can’t be done with Enfold.

    When I design a page structure with a “container” (say a section) in which “column-width” elements are laid out (see attachement), they appear a certain way for laptop devices. However, I may wish to restyle and/or resize (width) and/or reposition some of them, when display devices are different.

    In essence, I’d wish to shift from here (image 1 / laptop screen layout)

    initial laptop layout

    to here (image 2 / other device layout)

    intended responsive device layout design

    In theory, I may be able to achieve this redesign by:

    • activating each element ID
    • use custom CSS + media queries.

    But I’m not sure. This is not a sterile philosophy question. Just a prerequisite prior an endless voyage into the unknown.

    • This topic was modified 8 years ago by Alexoidea.

    Hey Alexoidea,

    There are some ways to do this, does content duplication matter to you? if no, you could use multiple sets of the same content and hide/show (with CSS) them depending of screen size.

    Best regards,

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.