Skip to main content

How to display the widget only on mobile devices?

Written by Adriana Świerczek
Updated over 3 weeks ago

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?