Dynamic Unbounce Page Heights?

Hey Sam - I double checked with out dev team and it looks like this would be pretty tough to do. That’s not to say it’d be totally impossible, but you’d need strong javascript chops to get it done. If I come across any customers who are doing this, I’ll definitely let you know.

Hi Sam - Would you mind sharing with us how you did it? I know many of our users are looking for this very solution and would greatly appreciate this.

The following is a simple fix done with css.

Desktop Version:
Firstly, don’t drop Disqus code into the Javascript snippet area.
Instead, create a new “page section” at the bottom of your page and drop in the Disqus script as html (using the “custom html” block).

This desktop version will automatically add whatever background you have in the last page section.

Next, the following css is what I used:
(the second id “#lp-code-221” may be different for your page)

 /\*Auto extend page for Disqus\*/  
    #lp-pom-root {   
     height: 100%;   
     overflow: auto;   
    }   
      
     #lp-code-221 {   
     height: auto;   
    }   
  
 html, body, .lp-pom-body {   
 overflow: hidden;   
}  

Mobile Version:
For mobile, it’s straight forward and basic. Just drop the Disqus script into the javascript snippet area & then add the following css:

 #disqus\_thread {   
 background-color: rgba(34,34,34,1); Use whatever background you wish   
 padding: 20px !important;   
 }   

I have not yet tried Facebook comments but I’m sure this will work as easily as Disqus with similar css.

Thanks for this code.  I’m having trouble getting this to work now, however.  Has anything changed that would make this not work anymore?

Hi, I’m trying to get this to work. Would you please share the code?

hey @pablosotomayor, I used the code below. note that you need to change #lp-code-108 depending on the id of your html block. cheers.

<style>
lp-pom-root {
height: 100%; 
overflow: auto; 
}

#lp-code-108 { 
height: auto; 
} 
</style>

Hi @ibrudap,

You should be able to find the JS code in your Disqus account.

Here is a bit of documentation from Disqus.

Best,
Hristian