Боковое меню перекрывает подвал. Как исправить?

Question

[Ринат Умяров]

Здравствуйте, на этой странице можно увидеть мою проблему. Боковое меню (сайдбар) наползает на подвал. На мелких экранах это видно сразу, а FHD только при раскрытии меню внизу. Каким образом можно исправить сию проблему? На всякий случай прикреплю скриншот.

Answer 1

[Максим]

.jupiterx-footer { position:relative; z-index:100;}- этого будет достаточно

Comments

[Ринат Умяров]

Спасибо, подобный вариант уже пробовал. Но хотелось именно чтобы меню не заезжало на подвал. Например, чтобы при раскрытии автоматически смещалось вверх, не задевая подвал. А тут без Jquery, который я не знаю, не обойтись.

[Максим]

ren334, почему не обойтись - к примеру в css - menu{height calc(100% - высота футера)

[Ринат Умяров]

Максим Ленский, потому что менять размер меню бесполезно, в нем еще подменю, впоследствии может добавиться еще одно.

[Орхан Гасанлы]

тут думаю, 2 варианта:
1) сделать, как отметил Максим Ленский... добавить z-index или указать высоту сайдбара с учетом высоты футера.
2) провести рефакторинг, чтобы футер был не на всю ширину экрана, а с учетом ширины сайдбара (т.е. сместить футер вправо от левого края)., тогда сайдбар будет на всю высоту и не будет накладываться на футер