Services section not responsive on mobile view

Illdy
1

Hi, thanks for this awesome theme.

I am trying to customize the services section using CSS so as to display only two services per row (each 50% of total page width) I was able to successfully achieve that using the following code:

/services/
#services .widget_illdy_service{
width: 49.5%;
}

The code worked alright until I switched to mobile view only to realize that the services section now took just 49.5% of the single row available leaving a huge space to the right of it. I would appreciate it very much if I could get the code to correct this issue.

Thanks.

2

Hello @stan444,

You should use media queries to handle the width on smaller devices:

@media (max-width: 768px){
    #services .widget_illdy_service{
         width: 100%;
    }
}

Let me know if you got it alright

Regards