Skip to Content 
#menu--trigger {
    position: absolute;
    top: var(--pd-heading);
    right: var(--pd-heading);


    @include ax--media(--xxlarge) {
        width: 42px;
    }

    @include ax--media(--small) {
        width: auto;
        margin: 0 0 -8px 0;
    }

    span {
        @include ax--media(--xxlarge) {
            padding: 8px 0px 8px 14px;
        }

        @include ax--media(--small) {
            padding: 8px 18px 8px 14px;
        }
    }
}

test

Lorem ipsum dolor sit amet consectetur adipiscing elit, arcu in taciti diam donec vel et augue, per montes duis luctus proin inceptos. Senectus penatibus at feugiat duis enim semper primis malesuada, mauris ridiculus vulputate hendrerit cum sociosqu nulla, nascetur dictum aptent accumsan ultrices class pulvinar. Senectus ligula porta augue dapibus cras venenatis vehicula dictum, posuere morbi hac suspendisse dignissim iaculis molestie ornare, inceptos maecenas scelerisque nostra montes enim id. Habitant ante consequat ullamcorper netus varius praesent mauris metus non viverra blandit mattis euismod ultrices rhoncus, erat montes pretium dui hendrerit vehicula volutpat magna eu a nam sodales fames ad. Conubia neque metus sed primis vestibulum vulputate lacus gravida, nullam mollis et orci condimentum blandit justo quis, aliquet taciti commodo cras duis eleifend iaculis. Id laoreet egestas est ultricies cum suscipit, lacus himenaeos magna inceptos aptent accumsan, fames felis molestie natoque habitasse.