Андрей Федоров

1. Проинспектировать свой код на применение решений не поддерживаемых UC Browser (проверить это можно тут - caniuse.com/)
2. Убрать неподдерживаемые решения из кода, либо настроить заглушки.
Пример браузер не поддерживает css custom properties (css variables), пишем такой код:

:root {
  --container-width: 300px;
}
.container {
  width: 300px;
  width: var(--container-width);
}

В итоге браузер не поддерживающий кастомные свойства просто проигнорирует второй width.
3. Если убрать невозможно - ищем js-полифилы. Это реализация свойств на js в неподдерживаемых браузерах. Но тут тоже могут быть сложности, т.к. поддежка браузером js тоже может быть не полной.

Как вам уже говорили невозможно не видя кода дать конкретный совет. Хотя один совет есть - переделывайте. Вот вам шаблон, в котором подвал всегда прижат к низу https://codepen.io/aliencash/pen/xdPpPa
Попробуйте внедрить это себе.

Масса способов... Такой:
transform: skewX(45deg);
или такой:

background-image: linear-gradient(45deg, white 50%, black 50%);

Используйте calc() для расчета ширины input. Только не забудьте border и padding учесть.

попробуйте так https://codepen.io/aliencash/pen/ZKBNbJ

div {
  background-image: linear-gradient(90deg, white, transparent 50%, white);
}

codepen.io/aliencash/pen/EWBRRq

codepen.io/aliencash/pen/zZLyMa

Ну у вас же есть пример. Смотрите как там сделано... Ах да, там же js... )
Ладно, тогда типа того:
codepen.io/aliencash/pen/BWJeLE