responsive should go left to right, then top to bottom

Tagged: 

ThemeBurn SupportForumsOpenCart ThemesPavilion OpenCart Themeresponsive should go left to right, then top to bottom

This topic has been marked as resolved.

I just checked our site to see how responsive would work…

I have 3 columns on homepage and we put 6 items across the top / above the fold (on purpose)

But when it goes into responsive mode it does not show the “above the fold” items first it starts with the left column, then the middle column, then the right column….

which means that only one of our “above the fold” items gets shown to the mobile customer.

Responsive mode should show left to right then top to bottom… not top to bottom then left to right.

March 23, 2016 at 8:50 am #45765
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
March 24, 2016 at 2:38 pm #45783

Did not change anything when I used this, still displays order Left column, Center Column, Right Column when in responsive mode…

March 24, 2016 at 5:15 pm #45800

Hi,

The idea behind the responsive design is to stack columns in a row. So, if you have the following content:

---row---
1 | 2 | 3
---------

---row---
1 | 2 | 3
---------

it will change to:

---row---
    1
    2
    3
---------

---row---
    1
    2
    3
---------

There is no auto “above the fold” magic. It is up to you how you will arrange your content.

BR,
ThemeBurn team

March 28, 2016 at 4:37 pm #45866

Yes I understand but it does not do that…

If I have rows..

1 | 2 | 3
4 | 5 | 6

it orders them like this…

1
4
2
5
3
6

When it should order them like this:

1
2
3
4
5
6

March 29, 2016 at 6:07 pm #45938

But I think I can work around it by forcing 10 more divided rows

March 29, 2016 at 6:08 pm #45939

yeah workaround was to add additional rows instead off adding 30 modules in 1 row

March 29, 2016 at 8:27 pm #45945

Hi,

In the first example you gave, you have 1 row with multiple modules in a column. You should think of a row as a group. Each row (group) is stacked one under the previous one.

BR,
ThemeBurn team

March 30, 2016 at 12:36 am #45955
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.