Задать вопрос
@kentos
html

Как отобразить обратно?

Как обратно отобразить элемента, после какой-то манипуляции, перестали загружаться, но при предзагрузке они есть вот код одной кнопки и 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>


Помогите пожалуйста
сам сайт
  • Вопрос задан
  • 87 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 1
Vlatqa
@Vlatqa Куратор тега CSS
какой конкретно элемента тебе нужно отобразить обратно?
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Написать код на python
19 апр. 2024, в 03:01
1000 руб./за проект
Ещё заказы