Skip to main content

How to display the widget only on mobile devices?

Adriana Świerczek avatar
Written by Adriana Świerczek
Updated this week

If you want the widget to appear only on mobile devices, follow these steps:

  1. Go to Widget > Edit Widget Settings.

  2. Open the Calls tab.

  3. Enable Show widget on mobile devices.

  4. Navigate to Widget's view > Custom styles.

  5. Paste the following CSS code to adjust the widget button size on mobile:

    @media only screen and (max-width: 767px) {
    #callpage .cp-widget-button {
    width: 42px!important;
    height: 70px!important;
    }

After saving, the widget will be visible only on screens up to 767px wide, which typically covers smartphones and small tablets.

Did this answer your question?