Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 27, 2018 at 3:26 pm #1002308
    atifaijaz123

    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 #1002355
Victoria

Hey atifaijaz123,

Could you please give us a link to your website, we need more context to be able to help you.

Best regards,
Victoria

August 28, 2018 at 3:21 pm #1002720
atifaijaz123

Sure, 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 #1003097
Yigit

Hi,

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,
Yigit

August 29, 2018 at 3:42 pm #1003192
atifaijaz123

Hi 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 #1003276
qmsbrasilmarketing

Please, someone can help me?
I put a timeline and when i preview it’s everything ok. Bus when I up date the page, desapears.

August 30, 2018 at 1:08 pm #1003543
Victoria

Hi 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,
Victoria

August 30, 2018 at 2:48 pm #1003627
atifaijaz123

Could 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 #1004249
Vinay

Hi,

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,
Vinay

September 6, 2018 at 7:39 pm #1006796
atifaijaz123

Thanks! This solved the issue.

September 7, 2018 at 5:58 am #1006899
Vinay

Hi,

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

  • Author
    Posts
    • Viewing 11 posts - 1 through 11 (of 11 total)
    • The topic ‘Timeline text cut off in mobile view’ is closed to new replies.