poniyur

Селектор по id (это где решетка) имеет больший вес, чем селектор по классу.
Вот, почитайте css.yoksel.ru/specifity

https://jsfiddle.net/poniyur/k3y1pehb/ за 5 минут накидал говноскелет (на проде бы немного по-другому сделал, но для понятия идеи норм ), ничего сложного, осталось дело за малым.
Лучше ещё поизучайте html/css.

Если insert долгий, то сделайте сначала просто insert с пустыми данными.
Тогда запрос пройдёт быстро, id будет. Далее используете update.
Тут есть пример на PDO как получить последний вставленный id записи, которую вы и будете update'ить

15 строка, js. Вместо == написали =. Там эта ошибка дважды появляется

Вроде бы product_id и store_id при создании таблицы были заданы как PRIMARY KEY, это значит что они должны быть уникальны. Данная ошибка говорит о том, что запись со значениями product_id = '400', store_id = '74' уже есть.
Могут помочь такие решения:
1. Поменять PRIMARY KEY для таблицы.
2. Не пытаться вставить дубликат как вы это делаете сейчас
3. Пользоваться опять replace

Давно помню, когда учился верстать делал подобное.
1. В вёрстке задаёшь элементу (по достижению которого должно появляться меню) id
2. При загрузке страницы, получаешь расстояние от верха сайта до элемента с нужным id
3. Отлавливаешь скролл страницы и вычисляешь текущее расстояние сайта до верха страницы
4. Сравниваешь 2 величины, если расстояние до элемента с id больше чем текущее расстояние, то меню не выводить, если больше, то выводи меню, добавляя ему класс типо show (уж стили расписывать не буду) .
Пункты 2, 3 и 4 спокойно гугляться оп отдельности.
Удачи