How to improve the adaptability of this template?

Hello! Please tell me how to fix the adaptability of the template? It adapts only after a page reload. And how to make an image slider is also adapted to the screen and not cut on the smartphone?

Template here
June 14th 19 at 19:03
2 answers
June 14th 19 at 19:05
To use less JS and more CSS. Well, if something is done with JS, then follow the window resize and recalculate all over again.
In General, there JS only classes for clicks to hang needs, the rest should be in CSS.
Not cropped image not can - it format is not suitable, try to put background-size: contain and you'll see. But it can correctly position.
That is completely rewritten? Better to find a new template, or you can use third party? - Hailie95 commented on June 14th 19 at 19:08
It's not for me to decide, you should assess your skill level and decide what you easier and faster.
I'm not a big expert on different kinds of "templates", to me personally - it is easier and faster to write everything from scratch than to mess with someone else's bad code. - elmira24 commented on June 14th 19 at 19:11
June 14th 19 at 19:07
and in any way) if there is a question - either to hire a person who will edit/rewrite the theme... or change the subject - because there crooked adaptability is implemented

Find more questions by tags Adaptive designCSSHTML