#105588
Paweł Zieliński
Moderatorka

Dorota,

Jakoś wczoraj nie połączyłem kropek…
Obejrzałem sobie Twoją stronę i mam pewne sposrzeżenia:
1. Masz zainstalowany motyw Astra
2. W menu nie chodzi ci o to, że coś jest nad a coś jest pod, tylko na komputerze masz menu, które podsuwa się do góry przy przewijaniu i tam się przykleja
3. Na mobilach to menu się nie przykleja
Odpowiadają za to klasy:
Komputer przed scrollem
ast-primary-header-bar ast-primary-header main-header-bar site-header-focus-item
Komputer po scrollu
ast-primary-header-bar ast-primary-header main-header-bar site-header-focus-item ast-sticky-active ast-sticky-shrunk ast-header-sticked

Mobil przed scrollem
ast-primary-header-bar ast-primary-header main-header-bar site-header-focus-item
Mobil po scrollu
ast-primary-header-bar ast-primary-header main-header-bar site-header-focus-item

Zobacz, że w do klas w wersji mobilnej nie dodają się klasy „ast-sticky-active ast-sticky-shrunk ast-header-sticked” co powoduję że menu się nie przykleja.

Sprawdziłem i te opcje są dostępne w wersji płatnej – przynajmniej tak mi się wydaje.
Niestety nie wiem jaką wersję posiadasz.
Można to obejść JavaScriptem dodając do akcji „scroll” klasy do wersji mobilnej.
Jeżeli się na takie rozwiązanie zdecydujesz, to musisz najpierw znaleźć element, do którego będziesz dodawać odpowiednie klasy.
Taki kod powinien wyglądać mniej więcej tak:

// Znajdź element po klasach
const headerElement = document.querySelector(‘.ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item’);

// Funkcja obsługująca scroll
function handleScroll() {
if (window.scrollY > 0) {
// Dodaj klasy po scrollu w dół
headerElement.classList.add(‘ast-sticky-active’, ‘ast-sticky-shrunk’, ‘ast-header-sticked’);
} else {
// Usuń klasy po scrollu w górę
headerElement.classList.remove(‘ast-sticky-active’, ‘ast-sticky-shrunk’, ‘ast-header-sticked’);
}
}

// Nasłuchuj zdarzenie scroll
window.addEventListener(‘scroll’, handleScroll);

Trzeba jednak to zweryfikować na żywym organizmie, czyli potestować. Możliwe, że trzeba będzie dopisać jeszcze trochę w css.

Pozdrawiam,
Paweł