Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 19, 2019 at 3:28 pm #1139937
    1lizcollins

    Hi there,

    I’m using the timeline element on a page, with a text box in a 2/3 column and the timeline in a 1/3 column. The timeline is getting cut off at almost every screen size, unfortunately! Can you help?

    September 19, 2019 at 4:06 pm #1139947
    Jordan Shannon

    Hey 1lizcollins,

    Add this to quick css:

    @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2){
.page-id-2033 div .av_two_third {
    width: 45%!important;
}}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
.page-id-2033 div .av_one_third {
    width: 2.333333333333332%!important;
}}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
.page-id-2033 div .av_one_third {
    width: 50.333333333333332%!important;
}
.page-id-2033 div .av_two_third {
    width: 41.333333333333332%!important;
}}

    Best regards,
    Jordan Shannon

    September 19, 2019 at 4:49 pm #1139970
    1lizcollins

    Thanks for the quick reply, Jordan. I added that code but the issue isn’t fixed – the element still runs off the page at almost every screen size.

    September 19, 2019 at 5:05 pm #1139975
    Jordan Shannon

    Hi,

    Did you add the code to the top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    September 19, 2019 at 5:13 pm #1139979
    1lizcollins

    Yes, I did. And I know the cache was cleared as I had to re-enter the password for the page. I’m still seeing the issue, on multiple browsers.

    September 24, 2019 at 5:18 am #1141204
    Ismael

    Hi,

    Thank you for the update.

    You may need to use a larger column because the timeline element has a minimum width that will be wider than the 1/3 column on certain screen sizes. Try to replace it with a 1/2 column. OR set the timeline to be display as a slider.

    Best regards,
    Ismael

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