position: absolute; а он не влияет на положение других элементов на странице <footer> клас class="footer" ну или у тебя в хедере прописано все это например в <link type="text/css" rel="stylesheet" href="assets/style.css">.user-navigation a {
background: url(http://i102.fastpic.ru/big/2018/0827/e6/477b04b93dab55d5ff68721423e4a2e6.png)no-repeat left center;
}<html>
<head>
<style>
.conteiner{
width:200px;
background-color:red;
border:1px solid black;
height:200px;
float:left;
}
.wrap{
width:606px;
}
.conteiner5{
width:200px;
background-color:red;
border:1px solid black;
height:300px;
float:left;
}
.col-my-4{
width: 33%;
float: left;
}
</style>
</head>
<body>
<div class="wrap">
<div class="col-my-4">
<div class="conteiner">
</div>
<div class="conteiner">
</div>
<div class="conteiner">
</div>
</div>
<div class="col-my-4">
<div class="conteiner">
</div>
<div class="conteiner5">
</div>
<div class="conteiner">
</div>
</div>
<div class="col-my-4">
<div class="conteiner">
</div>
<div class="conteiner">
</div>
<div class="conteiner">
</div>
</div>
</div>
</body>
</html>.button:hover, .button:focus, .button:active, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce a.button:active, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce button.button:active, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce input.button:active, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce input.button.alt:active, .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus, .post-password-form input[type="submit"]:active {
background: #a5d4ce;
border-color: #a5d4ce;
color: #30344d;
text-decoration: none;
}.gallery__text {
z-index: 1;
}