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;

 
}
Was this information helpful?
© 2005 - 2024 ProProfs
-