Docs

[AdhocConsult]

Hi X Theme Team,

I am in the process of building a site and would like the grey connector line at the back of my three circles to disappear on screens smaller than the desktop size like your example here. http://theme.co/x/demo/integrity/1/

The circles I am referring to are the first three main circles, with text adjacent to them.

If I could get an answer on how to recreate this it would be most appreciated.

The site I am building is here: http://test.adhocconsult.co.uk
Wordpress Version: 4.5.2
XTheme Version: 4.5.2
Cornerstone Ver: 1.2.4

Kind regards,
Dan

[Rue Nel]

Hello Dan,

Thanks for writing in! The grey connectors are just image background of the section. It is using this image: (x-home-5-bg-timeline-gray-left-comp.png) and (x-home-5-bg-timeline-gray-right-comp.png). To be able to remove it on smaller screens, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

@media(max-width: 767px) {
  #x-section-4,
  #x-section-5 {
    background-image: none;
  }
}

Hope this helps.

[Author]

Posts