Как сделать строгую привязку всплывающего окна при масштабировании к кнопке, которая его вызывает?

Question

[damarkuzz]

Здравствуйте!
Как сделать строгую привязку всплывающего окна к кнопке, которая его вызывает?
Имеется следующая проблема: кнопка "Контакты" вызывает всплывающее окно, необходимо, чтобы она при масштабировании оставалось на той же позиции, как на ФОТО 1


При уменьшении масштаба возникает смещение:

Не могу понять, как правильно сделать код для данной ситуации, поэтому прилагаю ссылку на сам сайт:
chefburger.wg3036.wg01.ru

Answer 1

[Антон Усачев]

Можно наколхозить скрипт для принудительного размещения окна в нужной точке. Для наглядного примера накидал, вариант "outside":

Comments

[damarkuzz]

Антон, подскажите, что означает знак "&" у вас в css на 41 и последующих строках?
Я так понял, что это вспомогательный знак, который копирует название от начального класса, но почему они внутри?
Код не работает, может ли быть причина в том, что я прописал их полностью без этого способа?

[Антон Усачев]

damarkuzz, это специальный символ в цсс-препроцессоре LESS. Чтобы увидеть/скопировать скомпилированный цсс, нужно нажать на стрелочку и выбрать View Compiled CSS.

Answer 2

[Евгений]

Дык сделайте чтобы окно было внутри той кнопки, а не как сейчас.

Comments

[damarkuzz]

Сайт выполнен на Joomla, модульное окно - плагин, не знаю способа как воплотить то, что вы посоветовали :(

Answer 3

[Dennis]

Например так

position: fixed
left: 60%

но проблема в том, что при изменении ширина окна, left пересчитывается динамически в атрибутах, нужно смотреть script , который за это отвечает