iBird Rose

Как создать вложенность ссылок?

никак. нельзя вкладывать ссылки в ссылки.
правильная структура должна быть такой в вашем случае: https://jsfiddle.net/pL7e51h1/2/

для media (max-width: 769px) .page-body .aside-contents-container {
ты задал visibility: hidden; но это не убирает его из документа. тобишь он все еще присутствует там. хоть и не виден. задай ему display: none или width и height сделай 0

я так и не понял зачем все эти телодвижения. но через absolute можно сделать как вы хотите.
jsfiddle.net/ac4L0cxt/1

slick slider рефрешится по другому:

afterShow : function() {
$('.h__slider-win').slick('setPosition');
$('.h__slider-control').slick('setPosition');

codepen.io/anon/pen/aBwrzb

смотря как переопределяешь. если ты решил изменить какой-то блок и просто в нужной странице переопределил пару свойств этого блока - то да. это даже хорошо. потому что ты не создал лишних классов и блоков.
но если ты пошел дальше и начинаешь десятки свойств блока возвращать в дефолтные методом inherit, а потом снова переопределять где то. а в адаптиве еще раз все менять - то это уже плохой тон.

дай угадаю. скролла справа нет? и страница короткая и почти без записей?
upd: #sns-vertical-menu-toggle .sns-vertical-menu-content стоит стиль visibility: hidden; который просто скрывает блок. но не убирает его. тобишь его высота по прежнему остается. сделай ему display: none к примеру при скрытии. или height задай 0 при скрытии.

выделяешь общую часть. к примеру "http://" через ctrl+D выделяешь все эти общие части. потом с зажатым шифт нажимаешь клавишу end. не отпуская шифт освобождаешь от выделения < /loc > стрелкой влево. ну и собственно все.

p.s. это в саблайме

делай 2 img. один изначально display: none; а второй block; потом в медиа меняй их display.

а sass то тут причем? тебе для каждого раздела класс нужно дать. к примеру для body. ну или для общего wrpapper, если такой имеется. и в зависимости от этих классов уже задавать для меню свой уникальный цвет.
p.s. и это ты можешь делать в том же скрипте где ты .active вешаешь на раздел. просто там же навесить на body класс этого раздела к примеру

способ 1: качаешь бутсрап - подключаешь. чинишь косяки верстки после border-box. заменяешь нужные вещи на col и пару запросов в media.
способ 2: все адаптируешь через media.

<div class="container order">
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-8">
                    <div class="tabs-list" id="tabs">
                        <div id="tabs-1">
                            <div class="col-md-6"></div>
                            <div class="col-md-6"></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 order-total"></div>
            </div>

            
        </div>
    </div>
</div>