Можно ли настроить так, чтобы реклама не отображалась на странице категорий?

[Clo]

Отличный плагин!

Только один вопрос: можно ли скрыть домашнюю рекламу только на странице «Категории»? Или, возможно, отображать её только внизу блоков категорий?

[Clo]

Привет

Недавно я активировал плагин «Реклама» на своём сайте с целью показа внутренних объявлений.
Я добавил коды внутренних объявлений в соответствии с рекомендациями из темы Шаблоны внутренних объявлений.

Однако это продолжает нарушать работу остального CSS моей темы в мобильной/адаптивной версии.

Кажется, что контейнер блока категории внезапно получает ширину, превышающую размер экрана.

Вот используемый мной CSS-код:

.banner-ad {
    display: flex;
    justify-content: center; /* Центрирует контент по горизонтали */
    align-items: center; /* Центрирует контент по вертикали внутри объявления */
    clear: both;
    width: calc(#{$topic-body-width} + #{$topic-avatar-width} + (#{$topic-body-width-padding} * 2)); /* Явная ширина для центрирования */
    max-width: 100%; /* Гарантирует, что ширина не превышает ширину контейнера */
    box-sizing: border-box;
    margin: 15px auto; /* Центрирует объявление и добавляет отступ 15px сверху и снизу */
    text-align: center; /* Центрирует встроенные элементы, например изображение */

    img {
        display: block;
        margin: 0 auto; /* Центрирует изображение внутри объявления */
        max-width: 100%; /* Гарантирует масштабирование изображения под ширину объявления */
        height: auto; /* Сохраняет пропорции */
        max-height: 200px; /* Устанавливает максимальную высоту для ограничения изображения */
        object-fit: contain; /* Гарантирует пропорциональное масштабирование изображения */
        border-radius: 10px; /* Закругляет углы на 10px */

        &.desktop {
            display: block;
        }
        &.mobile {
            display: none;
        }
    }
}

@media only screen and (max-width: 100px) {
    .banner-ad {
        img.desktop, p {
            display: none;
        }
        img.mobile {
            display: block;
            margin: 0 auto; /* Центрирует мобильное изображение */
            max-width: 80%; /* Гарантирует масштабирование мобильного изображения под ширину контейнера */
            height: auto; /* Сохраняет пропорции */
            border-radius: 10px; /* Закругляет углы и для мобильного изображения */
        }
    }
}

Есть ли какие-либо предложения, как это исправить?