Как обратно отобразить элемента, после какой-то манипуляции, перестали загружаться, но при предзагрузке они есть вот код одной кнопки и css весь
@media screen and (max-width: 1920px) {
.instblock {
z-index: 1;
top: -534px;
left: 158px;
width: 280px;
}
.rowgoods {
margin-top: -13%;
}
}
@media screen and (min-width:1600px){
.block {
display:block;
}
.blocktablet {
display:none;
}
.blockmobile {
display:none;
}
.slick-slide img {
width:610px;
}
.rowgoods {
margin-top: -13%;
}
}
@media screen and (max-width:768px) {
.big {
display:none;
}
.block {
display:none;
}
.blocktablet {
display:block;
}
.blockmobile {
display:none;
}
.slick-slide img {
padding-bottom: 15%;
padding-top:9%;
}
.slick-slide img {
width:unset;
}
.rowgoods {
margin-top:-30%;
}
.kswr-slickslider-container.slick-initialized.slick-slider {
margin-bottom: 75px;
}
}
@media screen and (max-width:400px) {
.big {
display:none;
}
.block {
display:none;
}
.blocktablet {
display:none;
}
.blockmobile {
display:block;
}
.slick-slide img {
padding-bottom: 15%;
padding-top:9%;
}
.slick-slide img {
width:unset;
}
}
@media screen and (max-width: 1440px) {
.instblock {
z-index: 1;
top: -421px;
left: 74px;
width: 280px;
}
}
@media screen and (max-width: 1440px) {
.big {
display:none;
}
.blocktablet {
display:none;
}
.block {
display:block;
}
.slick-slide img {
width:410px;
}
.blockmobile {
display:none;
}
.rowgoods {
margin-top: -14%;
}
}
@media screen and (max-width: 1366px) {
.instblock {
z-index:1;
position:relative;
top:-394px;
left:61px;
width:280px;
}
}
@media screen and (max-width: 1280px) {
.instblock {
z-index: 1;
top: -380px;
left: 49px;
width: 280px;
}
.ultsl-arrow-left2 {
position: absolute;
top: 120px;
}
.ultsl-arrow-right2 {
position: absolute;
top: 110px;
right: 20px;
}
}
@media screen and (max-width: 1024px){
.instblock {
z-index: 1;
top: -322px;
left: 36px;
width: 224px;
}
#fld_681055_1 {
margin-left: -39px;
}
.block {
margin-left:70px;
}
.block a {
left:-105px !important;
}
#ult-carousel-786120165b51c8015f30f {
margin-left:-10% !important;
}
.ultsl-arrow-right2 {
position: absolute;
top: 82px;
right: 0px;
}
.ultsl-arrow-left2 {
position: absolute;
top: 82px;
left: 0px;
}
}
/*.instblock {*/
/* z-index:1;*/
/* position:relative;*/
/* top:-380px;*/
/* left:50px;*/
/* width:300px;*/
/*}*/
.instblock a {
text-transform: none !important;
}
.block {
position: absolute;
top: 148px;
left: 332px;
background-color: #fe2520;
width: 144px;
height: auto;
text-decoration: unset;
padding: 19px 17px;
}
.block span {
color: white;
font-size:18px;
font-weight:600;
}
.block span:hover{
color: #c9c9c9;
}
.block p {
color:#f9f9f9;
}
.blockmobile{
position: absolute;
top: 104px;
left: 20px;
background-color: #fe2520;
width: 92px;
height: auto;
text-decoration: unset;
padding: 0px 0px;
text-align: center;
}
.blockmobile span {
color: white;
font-size:10px;
font-weight:600;
}
.blockmobile p {
color:#f9f9f9;
font-size:12px;
}
.blockmobile span:hover{
color: #c9c9c9;
}
.blocktablet {
position: absolute;
top: 306px;
left: 82px;
background-color: #fe2520;
width: 184px;
height: auto;
text-decoration: unset;
padding: 5px 0px;
text-align: center;
}
.blocktablet span {
color: white;
font-size:15px;
font-weight:600;
}
.blocktablet {
color:#f9f9f9;
font-size:12px;
}
.blocktablet span:hover{
color: #c9c9c9;
}
.btnmainphone {
margin-left:200px !important;
margin-top:-108px !important;
}
#fld_681055_1 {
font-size: 25px;
border: none;
box-shadow: none;
font-weight: 400;
padding:0;
}
#fld_5919067_1 {
background-color: #fe2520;
color: #fff;
font-weight: 600;
border: 1px solid #fe2520;
margin-left: -40px;
}
#fld_5919067_1:hover {
color: #fe2520;
background-color: white;
border: 1px solid #fe2520;
}
#fld_681055_2 {
border: none;
box-shadow: none;
font-size: 25px;
text-align: center;
padding: 0;
font-weight: 400;
}
#fld_5919067_2 {
background-color: #fe2520;
color: #fff;
font-weight: 600;
border: 1px solid #fe2520;
position: absolute;
top: 50%;
left: 50%;
margin-top:4%;
margin-right: -50%;
transform: translate(-50%, -50%);
border-radius: unset;
padding: 5px 9px;
}
#fld_5919067_2:hover {
color: #fe2520;
background-color: white;
border: 1px solid #fe2520;
}
.defaults-angle-right {
display:none !important;
}
.slick-next {
right: 83px;
top: 302px;
}
.slick-prev {
left: 79px;
top: 305px;
}
.slick-slider .slick-next, .slick-slider .slick-prev {
line-height:unset !important;
}
.big {
position: absolute;
top: 230px;
left: 540px;
background-color: #fe2520;
width: 144px;
height: auto;
text-decoration: unset;
padding: 19px 17px;
}
.big span {
color: white;
font-size:15px;
font-weight:600;
}
.big p {
color:#f9f9f9;
font-size:12px;
}
.big span:hover{
color: #c9c9c9;
}
.owl-stage {
padding-bottom: 100px !important;
}
.owl-prev {
color:#fe2520 !important;
opacity: 1;
}
.owl-prev:hover {
background-color: none !important;
}
.owl-next {
color:#fe2520 !important;
opacity: 1;
}
.owl-next:hover{
color:#fe2520 !important;
background-color: none !important;
}
@media screen and (min-width: 1366px) {
.ultsl-arrow-right2 {
position:absolute;
top:120px;
right:22px;
}
.ultsl-arrow-left2 {
position:absolute;
top:120px;
}
}
@media screen and (min-width: 1920px) {
.ultsl-arrow-right2 {
position:absolute;
top:300px;
right:22px;
}
.ultsl-arrow-left2 {
position:absolute;
top:300px;
}
}
/*.tabletrow {*/
/* display:none;*/
/*}*/
/*.tabletslider {*/
/* display:none;*/
/*}*/
@media (min-width: 768px) and (max-width: 1024px) {
/* .tabletrow {*/
/* display:block;*/
/*}*/
.ultsl-arrow-right2 {
position: absolute;
top: 50px;
right: 43px;
}
.ultsl-arrow-left2 {
position: absolute;
top: 61px;
left: 78px;
}
}
/*.tabletslider {*/
/* display:block;*/
/*}*/
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display:block !important;
}
.owl-prev {
left: -2.5rem;
}
.owl-carousel .owl-prev, .owl-carousel .owl-next {
right:-3%;
}
.no-touch .owl-prev:hover {
border-color: #fe2520;
}
.no-touch .owl-next:hover {
border-color:#fe2520;
}
.hover-more:hover {
color:#fe2520 !important;
}
@media screen and (max-width: 700px) {
.ultsl-arrow-right2 {
position: absolute;
top: -1px;
right: 0;
}
.ultsl-arrow-left2 {
position: absolute;
top: -1px;
left: 0;
}
}
.feedback-mobile .owl-dots {
margin-bottom:20%;
}
.feedback-mobile .owl-dot span {
background-color:#fe2520;
}
.btn-about{
color: white;
background-color:#fe2520;
border: 2px solid #fe2520;
text-transform:uppercase;
padding: 0px 9px;
font-size: 12px;
margin-top: 4%;
}
.btn-about:hover{
color: #fe2520;
background-color:transparent;
border: 2px solid #fe2520;
}
#fld_681055_1 {
font-size: 21px !important;
margin-left: 50px;
}
.btn-club-m{
color: white;
background-color:#fe2520;
border: 2px solid #fe2520;
text-transform:uppercase;
padding: 0px 9px;
font-size: 12px;
margin-left: 25%;
font-weight:bold;
}
.btn-club-m:hover{
color: #fe2520;
background-color:transparent;
border: 2px solid #fe2520;
}
.btn-club{
color: white;
background-color:#fe2520;
border: 2px solid #fe2520;
text-transform:uppercase;
padding: 0px 9px;
font-size: 12px;
margin-left: 44%;
font-weight:bold;
}
.btn-club:hover{
color: #fe2520;
background-color:transparent;
border: 2px solid #fe2520;
}
вот html
<a href="/goods/eyebrows/">
<div>
<img src="/wp-content/uploads/2018/07/yslugi_brovi.jpg">
<a class="block" href="/goods/eyebrows/">
<span><b>></b>БРОВИ</span>
<p>от 7 руб.</p>
</a>
<a class="big" href="/goods/eyebrows/">
<span><b>></b>БРОВИ</span>
<p>от 7 руб.</p>
</a>
<a class="blocktablet" href="/goods/eyebrows/">
<span><b>></b>БРОВИ</span>
<p>от 7 руб.</p>
</a>
<a class="blockmobile" href="/goods/eyebrows/">
<span><b>></b>БРОВИ</span>
<p>от 7 руб.</p>
</a>
</div>
</a>
Помогите пожалуйста
сам сайт