Как сделать меню, которое прилипает к низу экрана при прокрутке?

Сообщение **ilyailya** » 05 дек 2017, 14:42

Добрый день!

Сайт делаю с помощью сеток на web builder 12.3.0

Подскажите как сделать меню, чтоб при прокрутке оно оставалось видным и оставалось на экране. (этого в принципе я смог добиться:http://blog.avtocredit-online.ru/2222.html )
При этом надо чтоб это меню приклеилось к нижней части экрана, а не верхней.

(идея в том, чтоб это меню прилипло к нижней части экрана и показывалось только для мобильных устройствах и состояло из 2-х кнопок:
1 - Значек телефонной трубки и надпись "Позвонить нам" (при нажатии откроется телефон и начнет набираться наш номер)
2 - значек WhatsApp и надпись "Написать нам на WhatsApp" (при нажатии откроется вотсап и чат с нашим администратором)

Заранее благодарю!

Сообщение **Gudwinn** » 05 дек 2017, 17:34

Добрый день. Если нужно что бы сетка с меню сразу снизу отображалось на экране 320px, то перетащите на эту точку останова HTML область, в ней выберите тип, CSS в медиа запросе, и вставьте туда вот это

Код: Выделить всё

#wb_LayoutGrid1{
  position: fixed!important;
  bottom: 0px!important;
}

где #wb_LayoutGrid1 - это естественно айдишник требуемой сетки

Сообщение **ilyailya** » 05 дек 2017, 18:26

Большое спасибо!

Получилось!

единственное НО - при перелистывании меню проходит под остальными объектами, а надо сделать чтоб оно было над ними. http://blog.avtocredit-online.ru/2222.html

Сообщение **Gudwinn** » 05 дек 2017, 18:33

ilyailya, Ну ёлки - моталки))) тысячи раз же писалось про z-index))) вот это вставьте

Код: Выделить всё

#wb_LayoutGrid1{
  position: fixed!important;
  bottom: 0px!important;
  z-index: 999;
}