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

In Qualaroo, you can modify your Mobile Web Nudge to take up less screen space. You can leverage the Design API and Custom CSS to make this change.

Here is how the usual Nudge appears on your mobile screen:

And by using custom CSS, you can make your mobile Nudge screen like this:

How to Compact Your Nudge Screen for Mobile

Use the following CSS on your HTML page to make your mobile Nudge screen compact:

#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;

 
}