Hello @itssupportbiopharmasservices-com,
First of all thank you very much for using the theme.
Now to set the no. of row to 5 in service widget add below given CSS.
For this go to Admin Panel > Appearance > Customize > Additonal CSS and paste below given CSS.
.business_field_widget_services .service-block-item:nth-child(3n+1){
clear:inherit;
}
.business_field_widget_services .service-block-item:nth-child(5n+1){
clear:left
}
.business_field_widget_services .service-block-item {
width: 20%;
}
@media only screen and (max-width: 1023px){
.business_field_widget_services .service-block-item:nth-child(2n+1),
.business_field_widget_services .service-block-item:nth-child(5n+1){
clear: inherit;
}
.business_field_widget_services .service-block-item {
width: 33.333%;
}
.business_field_widget_services .service-block-item:nth-child(3n+1) {
clear: left;
}
}
@media only screen and (max-width: 767px){
.business_field_widget_services .service-block-item:nth-child(3n+1){
clear: inherit;
}
.widget.business_field_widget_services .service-block-item {
width: 50%;
}
.business_field_widget_services .service-block-item:nth-child(2n+1) {
clear: both;
}
}
@media only screen and (max-width: 479px){
.widget.business_field_widget_services .service-block-item {
width: 100%;
}
.business_field_widget_services .service-block-item:nth-child(2n+1) {
clear: inherit;
}
}
Hope this helps.
Best Regards!!
Have a good day 🙂 .