Home>Support>Add @media CSS to one page only

Add @media CSS to one page only

By Marcel K., 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hello,
I need to stretch the circleicon-loop widget on one page to a width of 100% so it looks like the upper DIVs on mobile Phones.
So, how can I set the following code on one page only?

@media screen and (max-width: 960px) {
body.responsive .vantage-grid-loop article, body.responsive .vantage-circleicon-loop .widget_circleicon-widget {
  width: 100%;
}
}

The page this code goes to is
 .page-id-16

Thank you :)

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Marcel

    I can do this with Page Builder, perhaps try that. Edit the row, click the Layout tab and change the Row Layout to Full Width Stretched.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More