text left align on desktop, center align on mobile

Avatar
  • updated
  • Answered

text left align on desktop, center align on mobile

Pinned replies
Avatar
Felicia Graphite
  • Answer
Quote from Reuben Andrew

http://testest.ezyro.com/0.mp4

I'm sorry for taking this long to reply. Please follow these steps, to create centered text on mobile:

1. Hide centered text on Desktop
2. Switch to phone mode
3. Click 'Show hidden widgets' at context menu in desired Column or Container
4. Hide left-aligned text

Video: https://drive.google.com/file/d/1UTA-5xV4XduLaTgdOMzkEIwdak6Y6lW6/view?usp=sharing

Avatar
Felicia Graphite

Hello. If you're thinking of the same element having 2 way of being displayed, depending on the type of device, then the solution would be to duplicate the element and configure it in 2 ways. If you have one with left align and hide it for mobile, it will only be displayed on the desktop version. If you have a second one with center alignment and hide is for desktop, it will be displayed only for mobile. 

Avatar
Reuben Andrew
Quote from Felicia Graphite

Hello. If you're thinking of the same element having 2 way of being displayed, depending on the type of device, then the solution would be to duplicate the element and configure it in 2 ways. If you have one with left align and hide it for mobile, it will only be displayed on the desktop version. If you have a second one with center alignment and hide is for desktop, it will be displayed only for mobile. 

ok. how do I do that. I think when I tried what you said, it didnt work. if I hid for one device, it would hide for all devices.

Avatar
Felicia Graphite
Quote from Reuben Andrew

ok. how do I do that. I think when I tried what you said, it didnt work. if I hid for one device, it would hide for all devices.

Hope this video will be of help video

Avatar
Reuben Andrew
Quote from Felicia Graphite

Hope this video will be of help video

strange. I have been trying what you have done in the video but it doesnt work for me. when I hide it on one device, it hides on all devices.

Avatar
Felicia Graphite

Can you provide a video, please?

Avatar
Reuben Andrew
Quote from Felicia Graphite

Can you provide a video, please?

http://testest.ezyro.com/0.mp4

Avatar
Felicia Graphite

Thank you for the details. The issue was sent for evaluation and I'll get back to you as soon I have any updates.

Avatar
Felicia Graphite
  • Answer
Quote from Reuben Andrew

http://testest.ezyro.com/0.mp4

I'm sorry for taking this long to reply. Please follow these steps, to create centered text on mobile:

1. Hide centered text on Desktop
2. Switch to phone mode
3. Click 'Show hidden widgets' at context menu in desired Column or Container
4. Hide left-aligned text

Video: https://drive.google.com/file/d/1UTA-5xV4XduLaTgdOMzkEIwdak6Y6lW6/view?usp=sharing

Avatar
Reuben Andrew
Quote from Felicia Graphite

I'm sorry for taking this long to reply. Please follow these steps, to create centered text on mobile:

1. Hide centered text on Desktop
2. Switch to phone mode
3. Click 'Show hidden widgets' at context menu in desired Column or Container
4. Hide left-aligned text

Video: https://drive.google.com/file/d/1UTA-5xV4XduLaTgdOMzkEIwdak6Y6lW6/view?usp=sharing

cool. it works now. thanks a lot!

Avatar
Graphite Support
  • Answered