positionering uitklapveld zoekfunctie

Hoi,

Even een vraag over positionering met css wat ik (vooralsnog) niet voor elkaar heb gekregen

Het gaat om de zoekfunctie op deze pagina.

Als je op uitgebreid zoeken klikt (in het contentgedeelte van de pagina) krijg je vervolgens een blauwe balk waarmee je op categorie e.d. kan zoeken. Wanneer je op die blauwe balk klikt, klapt die uit, maar gaat hij over de footer van de pagina heen staan. Ik wil graag dat hij a.h.w. de footer naar beneden drukt.

Wat moet ik in de css aanpassen om dit voor elkaar te krijgen?

bvb dank.

Groet, LIesbeth.

Hallo,

Ik heb gekeken in Edge, Ie, Firefox en Chrome.
En kreeg dit resultaat in alle browsers dus ik zie het probleem niet.

Zodra je op een smal scherm zit, of een telefoon schuift het inderdaad over elkaar heen.

Je zou een CSS class (binnen een mediaquery voor smalle schermen) kunnen maken die de footer omlaag trekt.

Vervolgens zou je dan deze class kunnen erop en af kunnen gooien met JavaScript.

Bedankt voor het meekijken.

De footer gaat wel naar beneden op andere pagina's met veel tekst, dus het lijkt me dat het eerder aan de css van het uitklapveld ligt.
Het uitklapveld mag wat mij betreft alle content die eronder zit naar beneden drukken bij uitklappen, dus ook bijvoorbeeld de zoekresultaten die evt al op de pagina stonden.
Mijn vraag is dus hoe ik dat via css voor elkaar krijg.

@Julian: het is dus niet nodig om deze er op en er af moeten gooien met Javascript en een mediaquery is dan ook niet nodig, zoals ik het hierboven beschrijf.

Groet, Liesbeth

Prima, geen idee hoe je dat dan voor elkaar krijgt. Misschien dat je iets met een peusdo class selector kan doen, succes!

Of mogelijk hier de positie van absolute naar relative wijzigen?