Mobile screen view

Hello, I’m using the Sydney theme to create a website https://discosistas.com. Sorry, I’m very inexperienced! On my services page, I have made a row with the Siteorigin features widget, It has 3 columns with School discos, fundraisers and Staff parties, with Icons and information underneath. It looks great on a widescreen, but I cannot for the life of me get it to look good in a mobile phone view! No probs where I’ve used it on my other pages…weird. Can you help me, please?

Thanks, Anna

Hi Anna,

Try adding this CSS code to Appearance > Customize > Additional CSS from your site dashboard.


@media only screen and (max-width:991px) {
  
  .sydney_services_widget .service.col-md-4 {
    width: 33.33333333%;
    float: left;
  }
  
}

Regards,
Kharis