Как можно зафиксировать положение mainP1 при раскрытии меню, чтобы он не сдвигался?
Для того чтобы текст не сдвигался при открытии выпадающего меню, можно использовать фиксированное позиционирование элемента. В вашем случае, можно добавить следующие стили для элемента "mainP1":
```
#mainP1 {
position: fixed;
top: 0;
left: 0;
}
```
Это зафиксирует положение элемента "mainP1" в верхнем левом углу экрана и он не будет сдвигаться при открытии выпадающего меню.