fixed - только относительно окна
Возможно поможет absolute. При этом предок должен быть relative
Но по Вашей схеме не понятно зачем вообще менять позиционирование. Если Вы опишите подробно поведение которое хотите получить, посоветуют что-то более полезное.
кнопка вход открывает модальное окно с формой или подгружает в него форму ajax-om пользователь заполняет форму и отправляется post запрос, обрабатывается, заводится сессия и т.д. и переадресовывает пользователя на страницу на которой он был до этого,
О Sass и Bootstrap я понял, они не незаменимы.
почему?
как аналог sass есть less, который кстати актуальнее если использовать bootstrap
bootstrap - это вообще не предпроцессор и у него куча аналогов, которые в свою очередь используют less или sass или и то и то на выбор.
background-size: cover; вписывает изображение без его деформации так что бы полностью заполнить контейнер. Так что все работает верно. Возможно вам надо: background-size: contain; или задать правильное соотношение сторон для контейнера
Что бы вынести элемент за пределы родителя надо сделать ему абсолютное позиционирование или fixed что для меню может тоже подойти.
Другой вопрос зачем? Может стоит просто вынести его за пределы родителя или сделать родителя во весь экран? С помощью width: 100vw; или width: 100%;