Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 3, 2018 at 12:24 am #993064
    WebDevDept

    Hey Folks.

    Since the timeline icons are small and faded, and the text box is so skinny on mobile devices, how can I remove the icons section altogether on mobile, effectively making the text boxes full width?

    See screenshot: https://we.tl/9GlyX8zOnK

    Thanks!

    August 3, 2018 at 10:39 am #993153
    Rikard

    Hey WebDevDept,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    August 3, 2018 at 5:54 pm #993330
    WebDevDept

    See private, thank you.

    August 4, 2018 at 7:26 am #993429
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.postid-2846 .av-milestone-icon-wrap {
  display:none !important;
}

.av-no-preview ul.avia-timeline-vertical li {
  padding: 0 !important;
}
}

    Best regards,
    Rikard

    August 7, 2018 at 12:44 am #994156
    WebDevDept

    Perfection. Thank you, Rikard!

    August 7, 2018 at 7:42 am #994251
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.