How Can I Make My Mobile Web Nudge Take Up Less Screen Space?

If you are interested in formatting your Mobile Web nudge to take up less screen space and are on Qualaroo's Premium plan, you can leverage The Design API and use Custom CSS to make this change. We have prepared some example CSS for you below to accomplish just that:

#qual_ol {

  width: 100%;

  left: 0 !important;

  bottom: 0 !important;

  top: inherit !important;

  border-radius: 0px !important;

  height: 246px;

  padding: 5px 0 !important;

  border-bottom-width: 0 !important;

  border-left-width: 0 !important;

  border-right-width: 0 !important;

}

#qual_ol_box {

  display: flex;

  width: 100%;

  justify-content: center;

}

We have also included a couple images here demonstrating the before and after:

Before

After

We hope this information is helpful! If you have any questions or need anything at all, please reach out to us at support@qualaroo.com.