Need images in 2 columns on mobile

[EarlySigns]

Hi there,

I have a set of icons at the bottom of each page of a website I am developing (outstanding results, focus on delivery etc, blue and orange). In a desktop version they are in 5 columns across. However, on mobile, I’d like them not to stack and instead show two of them across.

Is this possible?

http://www.simplysignspreview.com/hrgroup/hr-group-contractors/

[mldarshana]

Hi There @EarlySigns

Thanks for writing in! Could you please try adding the following CSS rules into your X -> Theme Options -> CSS area and see if that helps.

@media(max-width:480px){
  .page-id-75 .el111.x-section .x-column.x-sm.x-1-5 {
    width: 40%;
    float: left;
    margin-right: 5%;
  }
  .page-id-75 .el12.x-section, .page-id-75 .el111.x-section {
    padding: 0;
  }
}

Thanks!