Tagged: timeline
-
AuthorPosts
-
August 27, 2018 at 3:26 pm #1002308
Hi,
When viewed on mobile, the text of the timeline is cut off by a few words. This happens even when rotating my screen or changing the font size. How can this be fixed? Here is an image to show you what I’m talking about:
- https://ibb.co/mb9hCp
Thanks!
August 27, 2018 at 4:28 pm #1002355Hey atifaijaz123,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaAugust 28, 2018 at 3:21 pm #1002720Sure, here it is:
When mobile view is used by resizing a browser window on a monitor it appears fine. The issue occurs on mobile (when actually viewed on a phone).
August 29, 2018 at 12:13 pm #1003097Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
@media only screen and (max-width: 480px) { ul.avia-timeline-horizontal li { margin: 0 0 0 -12px; }}
Best regards,
YigitAugust 29, 2018 at 3:42 pm #1003192Hi Yigit,
This almost works.
The code is only moving the timeline but not the text. Here’s a screenshot:
August 29, 2018 at 10:05 pm #1003276Please, someone can help me?
I put a timeline and when i preview it’s everything ok. Bus when I up date the page, desapears.- This reply was modified 6 years, 1 month ago by qmsbrasilmarketing.
August 30, 2018 at 1:08 pm #1003543Hi qmsbrasilmarketing,
I looked at the page, the timeline was there, but then it was covered by some white container.
Is it some chat or commercial flyout?
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaAugust 30, 2018 at 2:48 pm #1003627Could I get assistance as well please? Here’s my message again…
Hi Yigit,
This almost works.
The code is only moving the timeline but not the text. Here’s a screenshot:
September 1, 2018 at 1:20 am #1004249Hi,
The timeline is designed in a way that the next item is slightly visible. There is no easy way to change the default behaviour.
Please use the below code to fix the text issue.
.av-milestone-content p { padding: 0 50px 0 0; }
Best regards,
VinaySeptember 6, 2018 at 7:39 pm #1006796Thanks! This solved the issue.
September 7, 2018 at 5:58 am #1006899Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.Thank you for using Enfold :)
Best regards,
Vinay -
AuthorPosts
- The topic ‘Timeline text cut off in mobile view’ is closed to new replies.