fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: Define viewing columns on mobile

Define viewing columns on mobile 1 month 1 week ago #28522

  • marciatar
  • marciatar's Avatar
  • Offline
  • New Member
  • Posts: 7
  • Karma: 0
Good afternoon.
I need each part of the column that is nested inside the "inner row" to be one underneath the other as shown in the image.
I don't want one element under the other.
I want each INNER ROW under each other.
How do I set this up?
I've tried all the options and I can't get one column under the other.
Thanks
Attachments:
The administrator has disabled public write access.

Define viewing columns on mobile 1 month 1 week ago #28598

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 2405
  • Thank you received: 213
  • Karma: 33
Hi,

Sorry for the late reply, to get your required view we have the options to set the responsive column size under the Advanced tab.

To get your view for mobile: Open Column Settings of each inner column(www.screencast.com/t/k4JXrTEyW) > go to Advanced tab > Responsive(www.screencast.com/t/Djqxjo0AiE) > Set your column size for the devices let's say 4(www.screencast.com/t/8azY2bWGFZI) > Done.

Following these steps you will get your desired layout for the devices.
Let us know if this worked.

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Define viewing columns on mobile 1 month 1 week ago #28672

  • marciatar
  • marciatar's Avatar
  • Offline
  • New Member
  • Posts: 7
  • Karma: 0
I was able to determine the number of columns. Thanks.
But I'm not able to organize the alignment ...
I put the horizontal alignment to "center", however the columns are all aligned to the left (on the cell phone).
I believe this is due to the same problem that is happening with the menu on the left side ...
Can you help me?
I need the content to be flexible and to fit, according to other templates I use.
Awaiting. Thanks.
Attachments:
Last Edit: 1 month 1 week ago by marciatar.
The administrator has disabled public write access.

Define viewing columns on mobile 1 month 6 days ago #28692

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 2405
  • Thank you received: 213
  • Karma: 33
Hi,

Looks like you need to set the alignment for devices also tab view and mobile view, of the elements you are using. Did you set those here?

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Define viewing columns on mobile 1 month 6 days ago #28728

  • marciatar
  • marciatar's Avatar
  • Offline
  • New Member
  • Posts: 7
  • Karma: 0
But this is going to be an endless job.
It's like building 3 websites. It is not productive.
If I choose responsive, how does each element go to one side?
Because they are not going the same way.
If they were all left or centered, but it's a mess. And there is no productivity in doing this manually. Is jd builder to facilitate or not?
The administrator has disabled public write access.

Define viewing columns on mobile 1 month 5 days ago #28745

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 2405
  • Thank you received: 213
  • Karma: 33
It won't align itself unless you set it for the devices. Making changes for desktop view doesn't always works correctly for the devices as well, there are certain things that you will have to make to keep the website responsive.

To get the elements aligned correctly on mobile you will have to set the alignment for the devices there's no other way round for this, unless you wish to code it.

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.487 seconds
Cron Job Starts