Решено Помощь со стилем форума

[maximka47228]

как сделать чтобы на форуме когда стягиваешь (сужаешь) окно
ну браузера самого

чтобы логотип и этот прямоугольник не залезали за эти три полоски как вот тут


а когда окно становится практически полностью маленьким оно делаается так
квадратным становится

я хочу чтобы при сужении сужалась правая сторона

а не левая которая залазит ща 3 полоски


*и чтобы правая сторона не двигалась за окном, а постепенно скрывалась по мере сужения



буду очень благодарен за помощь. очень долго не могу решить эту проблему.

 

[maximka47228]

.p-header-logo,
.p-nav-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

.your-header-container {
    position: relative;
    left: 0 !important;
    margin-left: 0 !important;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .p-header-content {
        max-width: 100%;
        overflow: hidden;
        text-overflow: clip;
    }
}

@media (max-width: 480px) {
    .p-header-logo img {
        max-height: 45px;
        width: auto;
    }
   
    .your-rectangular-block-class {
        display: none !important;
    }
}

не работает

 

[viovit]

не работает

конечно не будет, это ответ иишки обычный, в котором она даже не знает классов, меньше нужно ставить что попало от местных помогаторов

 

[maximka47228]

конечно не будет, это ответ иишки обычный, в котором она даже не знает классов, меньше нужно ставить что попало от местных помогаторов
Посмотреть вложение 26753
Посмотреть вложение 26754

а как исправить тогда, поможете?

 

[Kolpak]

В шаблон extra.less вставьте

@media (min-width: 901px) and (max-width: 1700px)
{
    .p-body
    {
        padding-left: 30px;
        padding-right: 30px;
    }
}

В шаблоне core_dt_extra.less на строке 672 замените 1070px на 900px

    @media (max-width: 900px)
    {
        border-radius: 0;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
    }

 

[maximka47228]

В шаблон extra.less вставьте

@media (min-width: 901px) and (max-width: 1700px)
{
    .p-body
    {
        padding-left: 30px;
        padding-right: 30px;
    }
}

В шаблоне core_dt_extra.less на строке 672 замените 1070px на 900px

    @media (max-width: 900px)
    {
        border-radius: 0;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
    }

огромное спасибо