Homepage slider height

Hi @hasantoraman!

Your slider’s height is based on the given “Slider size” setting:
https://smartslider3.helpscoutdocs.com/article/59-slider-size
so if you just want it to be less, you should give less height value there. Or you could also use the maximum height:
https://smartslider3.helpscoutdocs.com/article/399-responsive-mode-fullwidth
if that would be an option for you.

But if you want your slider’s size to be based on the screen’s size, then you would need the pro version of our slider. That has Fullpage responsive mode:
https://smartslider3.helpscoutdocs.com/article/400-responsive-mode-fullpage
which will make your slider to be exactly as big as your screen is. This also has a “vertical offset selector” option, where you can write elements from your website to be excluded from the height, so in your case if you would write this there:
header
that should make your slider to be as much smaller, as your header part is. Although as I see you have a 5px top border on your body element too, which isn’t that easy to exluce, so for that you would need to create a new 5px high element, which wouldn’t really be visible, it would be just used by our code:
`<div style=”height:5px;” id=”calchelper”></div>’
what you could insert for example into the html control:
https://smartslider3.helpscoutdocs.com/article/85-html
and then add this to the vertical offset selectors:
#calchelper,header