overlapping content/ horizontal scrolling

Hi Theresa,

This is my suggestion on how to deal with it, edit those 1/2 columns and in Screen Options just show it in desktop and hide it in tablet and mobile.
Then create 1/1 column containing the 2 timelines (just copy it from those 1/2 columns) then in the Screen Options hide this on desktop and show in tablet and mobile.
Hope this helps.

Best regards,
Nikko

Hi Theresa,

I see, in that case, you need to use Custom CSS Classes.
Go to Enfold > Layout Builder > check Show element options for developers.
This will enable Custom CSS Classes on all elements.
On the 1/2 column, add this on Custom CSS Classes: timeline-desktop
Then on the 1/1 column, add this on Custom CSS Classes: timeline-mobile and save.
Go to Enfold > General Styling > Quick CSS, and add this css code:

#top .timeline-mobile {
  display: none !important;
}

@media only screen and (max-width:1600px) {
  #top .timeline-mobile {
    display: block !important;
  }

  #top .timeline-desktop {
    display: none !important;
  }
}

Best regards,
Nikko