Preureditev hero sekcije - gumb Rezervirajte termin na desni strani vzporedno z naslovom
Deploy to Development and Production / deploy (push) Has been cancelled Details

This commit is contained in:
Mark 2026-03-04 15:07:30 +01:00
parent 0f2a70d790
commit a4678e457d
3 changed files with 41 additions and 9 deletions

Binary file not shown.

View File

@ -8353,3 +8353,37 @@ html, body {
overflow-wrap: break-word;
}
}
/* Desktop layout for title with button */
@media (min-width: 769px) {
.mediation-main-title {
align-items: flex-start !important;
}
.mediation-main-title .cta-button {
margin-top: 0;
white-space: nowrap;
}
}
/* Mobile layout - button below title */
@media (max-width: 768px) {
.mediation-main-title {
flex-direction: column !important;
align-items: stretch !important;
}
.mediation-main-title > div:first-child {
min-width: 100% !important;
}
.mediation-main-title > div:last-child {
width: 100%;
}
.mediation-main-title .cta-button {
width: 100%;
text-align: center;
margin-top: 1rem;
}
}

View File

@ -109,15 +109,13 @@
<div class="mediation-hero-text" data-aos="fade-up" style="width: 100%;">
<span class="mediation-hero-kicker" style="align-self: center;">REŠUJEMO NESPORAZUME IN KREPIMO VKLJUČEVANJE</span>
<!-- Centriran naslov -->
<div class="mediation-main-title">
<h1>Medkulturno posredovanje</h1>
<p class="mediation-hero-lead">Strokovna pomoč za jasno komunikacijo in sodelovanje med institucijami ter posamezniki iz različnih jezikovnih in kulturnih okolij</p>
</div>
<!-- Levo gumb, Desno slogan -->
<div class="mediation-hero-split">
<div class="mediation-hero-left">
<!-- Naslov z gumbom na desni -->
<div class="mediation-main-title" style="display: flex; justify-content: space-between; align-items: center; gap: 2rem; flex-wrap: wrap;">
<div style="flex: 1; min-width: 300px;">
<h1>Medkulturno posredovanje</h1>
<p class="mediation-hero-lead">Strokovna pomoč za jasno komunikacijo in sodelovanje med institucijami ter posamezniki iz različnih jezikovnih in kulturnih okolij</p>
</div>
<div style="flex-shrink: 0;">
<a href="https://calendly.com/amra-kuresepi" target="_blank" class="cta-button">Rezervirajte termin</a>
</div>
</div>