Плагин "Только что купили" моб.верс Есть решение

Question

Плагин "Только что купили" моб.верс Есть решение

1

Здравствуйте, вопрос по вашему плагину "только что купили", как отключить его на мобильной версии сайта? Клиенты психуют или не отключить, а сделать так чтобы на мобильную версию и на стационарные компы можно было устанавливать отдельно размер всплывающего окна.

Опубликовано: 6 декабря 2019

ag

4 ответа

1

kirill рзрбтчк 10 декабря 2019 17:08 # Решение

Думая вам подойдет такое

.kmjustbought {
    display: none;
}
@media (min-width: 1025px) {
    .kmjustbought {
        position: fixed;
        background: #fff;
        background: rgba(255, 255, 255, 0.9);
        border: 1px solid #ccc;
        width: 250px;
        padding: 10px;
        display: inline-block;
        font-size: 0.8em;
        margin: 10px;
        z-index: 9999;
        opacity: 0;
        -webkit-transition: opacity 1s,transform 1s;
        -moz-transition: opacity 1s,transform 1s;
        -ms-transition: opacity 1s,transform 1s;
        -o-transition: opacity 1s,transform 1s;
        transition: opacity 1s,transform 1s;
        -webkit-box-shadow: 3px 3px 3px #ccc;
        -moz-box-shadow: 3px 3px 3px #ccc;
        box-shadow: 3px 3px 3px #ccc;
    }

    .kmjustbought img {
        float: right;
    }

    .kmjustbought a {
        display: block;
    }
}

ответить

1

kirill рзрбтчк 10 декабря 2019 17:15 #

ответить

Добавить ответ

kirill · Answer 1

1

kirill рзрбтчк 10 декабря 2019 17:00 #

Попробуйте в настройках плагина css "обернуть"

@media (min-width: 1025px) and (max-width: 1280px) {
  
  //CSS
  
}

https://gist.github.com/gokulkrishh/242e68d1ee94ad...

ответить

kirill · Answer 2

пример с css из демо сайта

.kmjustbought {
    display: none;
}
@media (min-width: 1025px) and (max-width: 1280px) {
    .kmjustbought {
        position: fixed;
        background: #fff;
        background: rgba(255, 255, 255, 0.9);
        border: 1px solid #ccc;
        width: 250px;
        padding: 10px;
        display: inline-block;
        font-size: 0.8em;
        margin: 10px;
        z-index: 9999;
        opacity: 0;
        -webkit-transition: opacity 1s,transform 1s;
        -moz-transition: opacity 1s,transform 1s;
        -ms-transition: opacity 1s,transform 1s;
        -o-transition: opacity 1s,transform 1s;
        transition: opacity 1s,transform 1s;
        -webkit-box-shadow: 3px 3px 3px #ccc;
        -moz-box-shadow: 3px 3px 3px #ccc;
        box-shadow: 3px 3px 3px #ccc;
    }

    .kmjustbought img {
        float: right;
    }

    .kmjustbought a {
        display: block;
    }
}