How Do I Show or Hide HTML Widgets for Ads on Mobile or Desktop in SoCast Engage?

Yes, you can control the visibility of HTML widgets for ads on mobile or desktop in SoCast Engage by using built-in CSS classes. This allows you to display one widget on desktop and another on mobile, hiding each on the opposite platform.

To show or hide HTML widgets based on screen size:

When editing your page in SoCast Engage, add your HTML widgets as needed for desktop and mobile ad units.
For the widget you want to hide on small screens (mobile), add the class .sc-hide-on-small-screens to the widget's HTML container.
For the widget you want to show only on small screens (mobile), add the class .sc-show-on-small-screens to the widget's HTML container.
The breakpoint for these classes is 960px. Content with .sc-hide-on-small-screens will be hidden on screens narrower than 960px, and content with .sc-show-on-small-screens will be shown only on screens narrower than 960px.

This method allows you to manage ad visibility responsively without custom code. If you need further assistance implementing these classes, please contact SoCast support.

Related Articles
How Do I Set Up WideOrbit VAST Codes for Pre-Roll Ads in the SoCast Player?
How Do I Set Up WideOrbit VAST Codes for Pre-Roll Ads in the SoCast Player? Who Is This Article For? Users with Advertising Permissions Applicable to All Themes Requirements You must be using the SoCast Player. You must be using WideOrbit as your ...
How Do I Create a Comments Blacklist in SoCast?
How Do I Create a Comments Blacklist in SoCast? Who Is This Article For? All users with the Manage Comments permission Applicable to: All Themes Important Note The comments section blacklist works differently from the Activity Stream blacklist. You ...
What Mobile App Advertising and Sponsorship Options Are Available in the SoCast App?
What Mobile App Advertising and Sponsorship Options Are Available in the SoCast App? Who Is This Article For? All users with "Manage Mobile App" permissions Applicable to both Single Tenant App and Multi-Tenant App Requirements Your station or brand ...
How Do I Embed a Podcast Player in the Sidebar Using SoCast Engage?
Log in to SoCast Engage. Navigate to Website > Website Structure > Sidebars. Click Edit on the sidebar where you want to add the podcast player (e.g., Music Template Sidebar). In the WPBakery Page Builder, scroll to the bottom and click the (+) sign ...
How Do I Add Custom JavaScript To The SoCast Engage Web Player?
Log in to SoCast Engage. Go to Player > Radio Stream Settings. Click the Edit Skin button for the stream you wish to edit. Scroll down to the Custom HTML section. Paste your JavaScript code (such as Adswizz listener ID scripts) into the Footer ...

How Do I Show or Hide HTML Widgets for Ads on Mobile or Desktop in SoCast Engage?

How Do I Show or Hide HTML Widgets for Ads on Mobile or Desktop in SoCast Engage?

Related Articles

How Do I Set Up WideOrbit VAST Codes for Pre-Roll Ads in the SoCast Player?

How Do I Create a Comments Blacklist in SoCast?

What Mobile App Advertising and Sponsorship Options Are Available in the SoCast App?

How Do I Embed a Podcast Player in the Sidebar Using SoCast Engage?

How Do I Add Custom JavaScript To The SoCast Engage Web Player?