Trying to make Services section show up as one column on mobile

Illdy
1

Hi,
I’m hoping someone can help me with this problem. I have the “SERVICES” section on my page with three columns, when I view it on mobile It tries to put two of the columns on the screen and one below. Check out the image. Hoping someone can help me force it to one column. I am viewing it on an iphone X

2

Hi there

Hope you are having a good day and thank you for your question :slight_smile:
please provide url and i will take a look

3

Thanks

Hellobrands.la

4

Hello,

I hope you are doing well today.

You can use the following CSS code to change the width of the elements on mobile by going to Appearance > Customize > Additional CSS and pasting it there.


@media only screen and (max-width: 900px) {
div#illdy_service-9, div#illdy_service-6, div#illdy_service-7 {
    width: 100%;
}
}

Best Regards,
Support

5

That works! Thank you

6

Hi, there

I will close this case now, Feel free to contact us again if you have other questions
Thanks!