Выбор элементов Squarespace с помощью CSS для размера экрана - PullRequest
Новая
       11

Выбор элементов Squarespace с помощью CSS для размера экрана

0 голосов
/ 20 ноября 2019

Конечной целью здесь является вертикальная компоновка ряда из трех горизонтальных элементов в зависимости от размера экрана пользователя. HTML-код этой строки приведен ниже: 

 <div class="row sqs-row" id="yui_3_17_2_1_1574264134211_429">

В данный момент объекты в конечном итоге реагируют на размер экрана и располагаются вертикально, но это происходит слишком поздно и после того, как объекты начинают перекрываться. Я полагаю, что приведенная ниже CSS правильна для настройки элементов вне самого фактического выбора элементов - вот где я борюсь: 

@media screen and (max-width: 1000px) {
     .col.sqs-col-4.span-4 {width: 100%;}
}

Я знаю, что yui элементы меняются на экране загрузки, поэтому я, вероятно,хотите нацелиться либо на block-yui, либо как-то на дочерние классы класса строки. Ниже приведен HTML-код для первого из трех элементов в строке: 

<div class="col sqs-col-4 span-4">
    <div class="sqs-block code-block sqs-block-code" data-block-type="23" 
     id="block-yui_3_17_2_1_1574100037089_27115">
        <div class="sqs-block-content">

Я пробовал множество различных способов выбора этих элементов, но, похоже, ничего не работает.

...