Docs

[krealiners]

Hi, I’m having trouble with double scrollbar appearing when I set heigh: 100% on html and body elements. I need to have this value because I would set every site row to height: 100% to fit the screen.

Can you help me resolve this problem it makes me mad!

Thank you

[Rahul]

Hey There,

Please add the following code in Customize -> Custom -> CSS :

body {
    overflow: hidden;
}

Hope that helps.

[krealiners]

This reply has been marked as private.

[Paul R]

Hi,

Kindly remove the css code you have added then add this in Custom > Edit Global Javascript

jQuery(function($) {
$(window).resize(function() {
$( ".page-id-160 .x-content-band" ).each(function( index ) {
   $(this).css('height', window.innerHeight+'px');
});
}).resize();
});

Hope that helps.

[krealiners]

Hi, thank you very much, this works fine.

If I would to fit only a certain percentage of browser window, how can I adapt the above script?

Thanks

[Rue Nel]

Hello There,

If you want to control the height of the window, you can update the code and use this instead:

jQuery(function($) {
  $(window).resize(function() {
    $( ".page-id-160 .x-content-band" ).each(function( index ) {
      $(this).css('height', '100vh');
    });
  }).resize();
});

Hope this helps.

[Author]

Posts