controlled responsive design with avia / enfold-generic question

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)

to here (image 2 / other device layout)

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, 2 months ago by Alexoidea.