Mobile Issue With Sidebar - Can't Position At Bottom Of Page - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Mobile Issue With Sidebar - Can't Position At Bottom Of Page

DA

Dina Abramson

SP Page Builder 2 years ago

Hi,

i have been trying unsuccessfully to change the order of the sidebar columns to display at the bottom of the page on mobile portrait and landscape mode.

https://abwddemo.com/images/menu_move_to_bottom.jpg

thanks

0
6 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #135939

I saw that first column is last. Maybe too many people were logged and tried to make corrections, hahahha

like passangers on the back sit telling driver, turn left, no turn right, no ride ahead...


Create new page - set 3 columns, and play a while, and you will know how it works. And yes, logout all extra users from admin.

I think we cannot help more.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #135936

Hi Dina,

it's very easy. In Column Settings > Responsive > Column Ordering > choose value for Tablet & Mobile

It's based on CSS order Property >> https://www.w3schools.com/cssref/css3_pr_order.php

By default, first column has value 1, second 2, thrid 3. But you can change that for Tablet and Mobile view, using 1-2-3 value for each of them. Just set "3" for first "left" column for Mobile view. This kind of logic.


Yes, I made that change for article "Our Services" (Id 94) - now it's your turn for others.

0
DA
Dina Abramson
Accepted Answer
2 years ago #135937

That's what I did, and I put it down as far as possible, but it doesn't recognize it or i have not done it right. I ordered all the columns in the order i needed. Some moved, some didn't. Not sure what I'm doing wrong.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #135938

Hi

Thanks for contacting us. You can follow these steps below:

Go to that column settings --> Responsive --> Column Ordering --> and then choose the value you want.

https://prnt.sc/sUoBpQvxRUsB

-Regards.

0
DA
Dina Abramson
Accepted Answer
2 years ago #136055

I figured out how to fix it. had to move the bottom row into the row I wanted first.

then it worked.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #136077

Glad to know that.

0