Adjust Column Breakpoint

[razorpig]

Hi,

I’ve used a two column Global Block inside an accordion, with an image on the left and text on the right. I’d like this to become a single column layout at screen width 1120px, with the image at the top and the text below. I’ve added the class .equipment-block to the Global Block section.

I’ve tried a number of CSS media queries but none of them have worked. I’ve attached a secure note with the URL. Please can you take a look and advise. Many thanks.

[nabeel]

Hi there,

Thanks for writing in! Please add the following CSS code in the Theme Options > CSS:

@media screen and (max-width: 1120px) {
  .equipment-block .x-column.x-1-2 {
      width: 100% !important;
      display: block !important
  }
}

Hope this helps!