Full screen page, but still few px scroll

[Lyser]

Hello,
I’ve used the calc(100vh - 150px) in min-height for having full height column (for mobile view) but i can still scroll (not much, just few px), how to remove this litlle scroll ?

[prakash_s]

Hello @Lyser,

Thanks for writing to us.

It seems that column custom height causing the issue. I would suggest you set the sections padding-top & bottom in the VW unit and remove the custom height of the column.

Or for the quick fix, you can custom CSS code to hide the scroll. Please note this code is only applicable to the homepage only

body.home {
overflow-y: hidden;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you can subscribe to One to get further assistance.

Hope it helps.
Thanks

[Lyser]

Thx @prakash_s, the quick fix is working fine.
And for the padding top and bottom section VW units solution, how can i know the correct value to put in for the homepage to be full height without scrolling for evey mobile ?

[ruenel]

Hello Lyser,

On desktop screens, the actual height of your header, which consists of two bars, is 152 pixels (87 + 65) while on mobile devices, the actual height is 215 pixels (150 + 65). Therefore, your minimum column height should be calc(100vh - 152px) for desktop screens and calc(100vh - 215px) for mobile.

You can click the “Min-Height” text to display the Responsive Styling and then insert a different minimum height value for smaller screens:

Kindly let us know how it goes.

[Lyser]

Understood, thx Ruenel !

What i would like to understand is what prakash said :

@prakash_s

I would suggest you set the sections padding-top & bottom in the VW unit and remove the custom height of the column.

How to get a full heigth section with VW unit for padding-top & bottom?

[ruenel]

Hey @Lyser,

Sorry for the confusion. It is much less complicated and easier to make it fullscreen if you just simply set the minimum height of your column and have to set the top and bottom paddings of your column to 0 than to use the VW units for the padding.

Best Regards.

[Lyser]

Ok, thx again, very good support !

[ruenel]

Glad that we could be of assistance, @Lyser.