Лагерь: Секция наставники - скрол
This commit is contained in:
parent
4b2376f78b
commit
ee41426dde
@ -1570,6 +1570,36 @@ html {
|
||||
|
||||
/* mentors END */
|
||||
|
||||
/* ─── Mentors: horizontal scroll on mobile ─── */
|
||||
@media (max-width: 768px) {
|
||||
.mentors__scroll-x {
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.mentors__scroll-x::-webkit-scrollbar {
|
||||
height: 6px;
|
||||
}
|
||||
.mentors__scroll-x::-webkit-scrollbar-thumb {
|
||||
background: #ccc;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.mentors__scroll-x .mentors-wrapper {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
overflow-x: auto;
|
||||
scroll-snap-type: x mandatory;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.mentors__scroll-x .mentors__item {
|
||||
flex: 0 0 100%;
|
||||
width: auto;
|
||||
min-width: 0;
|
||||
scroll-snap-align: start;
|
||||
}
|
||||
}
|
||||
/* mentors slider END */
|
||||
|
||||
/* routine */
|
||||
.routine p {
|
||||
|
||||
@ -447,6 +447,7 @@ $metrics = [
|
||||
|
||||
<section class="section-bg mentors" data-bg="mint">
|
||||
<h2 id="camp-mentors" class="camp_title">Наши наставники и ведущие мастер-классов</h2>
|
||||
<div class="mentors__scroll-x">
|
||||
<div class="mentors-wrapper">
|
||||
<?php
|
||||
$mentors = carbon_get_post_meta($post_id, 'mentors' );
|
||||
@ -478,6 +479,7 @@ $metrics = [
|
||||
<?php }
|
||||
} ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user