I think I have a simple question here which is easily understand in the attach image.
I have left & right side column in desktop view. Normally in mobile view, the left side will show on the top and then the right side on the bottom. In this case, I would like to swap it without having to hide this row and create another row just to swap these two row just for mobile view.
Thanks for your super fast reply. The problem seem already solve because I manually swap the image to be on the left side instead but I still can't figure out how to solve it properly as you can see in the image below
I'm afraid that the order of the column for mobile view can't be rearranged without rearranging the order of the column for default (desktop) view as well. It's because of Bootstrap, the framework which the website is based off, converts automatically each column from left -> right to top-> bottom. Which means, you can't have the image column on the top and text column on the bottom if the image column isn't placed on the left while the text on the right, to begin with.
However, there might be a way to get around this somehow, for example making another text column on the bottom of the row but set it up to be hidden for any devices except mobile and hide the current text column for mobile devices only.
Sorry for the inconvenience that this causes. Looking forward to hearing again from you.
I totally understand that it will be quite hard to rearrange it that way. However, I used to see my friend coding in Bootstrap and he could get the same result that we are looking for.
If I understand correctly, it might be possible to add an extra CSS to that specific row for mobile view and offset it back for 12 column - which will only affect in mobile but not desktop.
If that sounds possible please kindly guide me through.
Hi,
I think I have a simple question here which is easily understand in the attach image.
I have left & right side column in desktop view. Normally in mobile view, the left side will show on the top and then the right side on the bottom. In this case, I would like to swap it without having to hide this row and create another row just to swap these two row just for mobile view.
Please kindly advise.
Thanks
Hi there,
I hope you are having an awesome day and thanks for contacting us regarding your query.
I'm currently on your site using a mobile device and it seems you managed to resolve the issue.
Is everything okay now?
I look forward to your reply
Cheers!
Dear Andrew,
Thanks for your super fast reply. The problem seem already solve because I manually swap the image to be on the left side instead but I still can't figure out how to solve it properly as you can see in the image below
ref: www.monowheel.bike/monowheel-air
Hi again,
Thank you for reaching out to us.
Unfortunately, I'm unable to see the image because of some restriction issue. This is what it looks like when I'm opening the page in a new tab:
Could you please attach it to the ticket instead? It will be really appreciated.
Sorry for the inconvenience.
Best regards.
Sorry my bad, I attach a new one in the attachment.
Thanks
Hi again Poom,
Thank you for providing the attachment.
I'm afraid that the order of the column for mobile view can't be rearranged without rearranging the order of the column for default (desktop) view as well. It's because of Bootstrap, the framework which the website is based off, converts automatically each column from left -> right to top-> bottom. Which means, you can't have the image column on the top and text column on the bottom if the image column isn't placed on the left while the text on the right, to begin with.
However, there might be a way to get around this somehow, for example making another text column on the bottom of the row but set it up to be hidden for any devices except mobile and hide the current text column for mobile devices only.
Sorry for the inconvenience that this causes. Looking forward to hearing again from you.
Best regards.
Dear Andrew,
I totally understand that it will be quite hard to rearrange it that way. However, I used to see my friend coding in Bootstrap and he could get the same result that we are looking for.
If I understand correctly, it might be possible to add an extra CSS to that specific row for mobile view and offset it back for 12 column - which will only affect in mobile but not desktop.
If that sounds possible please kindly guide me through.
Thanks.
Hey Poom,
Please have a look at this Article : https://themenectar.ticksy.com/ticket/253230/ .
Thanks
ThemeNectar Support Team