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

    Hi,
    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.
    #636644

    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,
    Josue

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