X-Cart forums

[tony_sologubov]

What exactly do you want to change in these templates? These templates just contain inclusion of elements of certain view lists, so it is still quite unclear to me what exactly you are trying to achieve.

[Dr. Bogger]

I need to arrange the <div> parts to allow for better display on mobile devices. Right now it's split into left and right columns, and I need to change it to 1 column (but only for mobile devices).

[Dr. Bogger]

Can you point me in the right direction?
I don't think the media css will do what I need.

[tony_sologubov]

Originally Posted by Dr. Bogger

Can you point me in the right direction?
I don't think the media css will do what I need.

You can set up the CSS rule like this:

#sidebar-first {
float: none;
}

and it will achieve what you need.

Surely, if you want to add this rule depending on the device's width, the code would be something like this:

@media (max-width: 480px) {
  #sidebar-first {
    float: none;
  }
}