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:

Mobile Nudge Screen Taking up More Space

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

Mobile Nudge taking up less screen space

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;

 
}