3 дня мучаюсь - ничего не получается

[Fevralskiy]

Есть сайт okna-sever.ru. Когда высота страницы слишком большая, то слева появляется меню с кнопочкой "наверх".
В стационарных компьютерах все выглядит замечательно и мне нравится. Но если открыть такую страницу со смартфона или айфона, либо увеличить масштаб страницы и сдвинуть ползунок направо, то эта кнопочка закрывает собой текст.
Это происходит из-за "position:fixed". Без него не хотелось бы.
Уже все перепробовал - ничего получается. Не могу ни есть ни спать . Помогите пожалуйста, добрые люди - сделайте новогодний подарок

[danik.js]

Используй css media queries

[Fevralskiy]

Есть ли возможность без этого? На других сайтах я встречаю подобные меню и без неприятного эффекта. Но не могу понять в чем разница.

[danik.js]

Идея проста - при маленьком размере экрана просто не показывать меню. Не подходит?

[Fevralskiy]

дык у многих смартов разрешение экрана поболее, чем у ноутов. Думаю, это не решение

[danik.js]

Значит тебе нужно что-то вроде этого.

[Fevralskiy]

Все верно. Мне нужен именно тот вариант, где х-абсолютное, y-фиксированная. Но там motools, который весит 60кб. Слишком жирно ради одной кнопки.

[Fevralskiy]

Проблема решена!
С помощью z-index плавающий блок прячется за блок с контентом. Таким образом его становится не видно при увеличении.