Cześć Dorota,
Akurat to jest b. Prosto naprawić.
Za kolejność wyświetlania jeden nad drugim odpowiada z-index w CSS czym wyższa wartość tym „bliżej ekranu” jest dany obiekt. Aby to opisać najłatwiej jak potrafię to jak byś patrzyła z góry na rozsypane kartki, które jednak na siebie zachodzą i ta która jest na górze czyli najbardziej widoczna ma najwyższy z-index.
Jak sobie poradzić:
Odszukaj element w którym masz górne menu i poszukaj opcji z-index i przypisz jej wartość na 999.
Odszukaj ten element i w dodaj w stylach CSS z-index: 999;

To powinno rozwiązać problem.
Pamiętaj żeby wybrać cały element nie samo menu ale także tło do tego menu bo wtedy będziesz mieć treści między tymi elementami.
Pozdrawiam
Paweł

Hmmm. A czy próbowałaś już wejść w pliki CSS przez FTP, pobrać je i spróbować wyszukać ten fragment kodu, np. w programie Notepad++? Czy też szukasz przez Zbadaj?
Jeśli udostępnisz stronę do wglądu, możemy ewentualnie spróbować pomóc 🙂

Cześć Dorota,

pod pod jakim linkiem jest Twoja strona?

Pozdrawiam,
Paweł

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ł

Zrób tak, przejdź do Kokpitu
Wygląd > Dostosuj > Dodatkowy CSS

W oknie poniżej dodaj wpis

.ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item{
z-index: 999 !important;
}

Opublikuj i powinno być ok.
Jak by nie działało to sprubuj usuwać pojedynczo klasy np.: “.ast-primary-header-bar” kropka musi być przed nazwą klasy.

Możesz jeszcze spróbować te klasy lub ich kombinacje
.ast-sticky-active
.ast-sticky-shrunk
.ast-header-sticked
.ast-main-header-wrap
.main-header-bar-wrap
możesz spróbować te same klasy z div
div.ast-sticky-active
div.ast-sticky-shrunk
div.ast-header-sticked
div.ast-main-header-wrap
div.main-header-bar-wrap

Generalnie trzeba znaleść albo znacznik i klasę albo id.
Czyli “zbadaj” tak jak jest pokazane na kursie.
Czasem trzeba użyć kombinacji klas.
Możesz też napisać zamiast 999 –> 9999
To tyle jak mogę pomóc tak naprawdę to trzeba sobie potestować.
Jak bym miał dostęp do wordpressa to bym było prościej.