relative не позволит вам сделать bottom:0 относительно родителя. При relative элемент будет спозиционирован относительно самого себя.
Вам нужно заменить relative на absolute у этого элемента, а его родителю как раз назначить relative. Таким образом absolute привяжется к ближайшему в структуре DOM элементу с relative'ом (в данном случае - к родителю).
Так width:100% же будет равняться полной ширине родительского элемента. В вашем случае скорее всего body, который в свою очередь скорее всего принимает ширину вьюпорта. Ну и вьюпорт скорее всего меньше, чем фон.
почитайте про meta initial scale и user-scalable. Вероятнее всего у вас в телефоне включено масштабирование по умолчанию, из за чего может ехать вёрстка.
Может быть просто шлейф или питание отпало от жесткого диска.
Зайдите в BIOS и посмотрите определяется ли жесткий диск вообще. Если нет - то скорее всего действительно кабель отпал.
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
Рекомендую доучить HTML5+CSS3+JS+jQuery а так же Wordpress. Можно так же ознакомится с Bootstrap. Плюс параллельно фотошоп (в плане нарезки макетов и их вёрстки в pixel-perfect).
А в плане фриланса - тот же upwork позволяет работать без особых вложений. Просто зарегистрируй аккаунт на отца например (для вывода денег нужны паспортные данные и кредитка).
Если вывод меню реализован через стандартный WP-функционал, то для текущего пункта меню обычно движок сам назначает класс типа "current" или тому подобный.
Просто через яваскрипт при загрузке страницы ищите li.current (li - дефолтный контейнер пункта меню, может у вас в теме он другой конечно) и раскрывайте его.