Display more than 3 services in a row


#1

Hi,
On the Type A category (Services) currently it displays 3 services in each row. I want to increase it to 5. Can it be done ?

Thanks,
Imtiaz


#2

Dear Imtiaz,

Thank you for reaching out to us here.

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

@media only screen and (min-width:992px){
  
  .service.col-md-4{
    width: 20%;
  }
  
  .service.col-md-4:nth-of-type(3n+1) {
    clear: none;
  }
  
  .service.col-md-4:nth-of-type(5n+1) {
    clear: left;
  }  
  
}

Regards,
Kharis


#3

Wow Kharis, You are SUPER !!.It works Thank you for your support.


#4

You are always welcome here!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis